The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> navigation problems, can't navigate without refreshing
davidbanfield
post Sep 2 2015, 02:31 AM
Post #1





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
last year i paid a company to design a website. this year i thought rather than pay, i'd alter the old one, and do it myself. works great. except when i click on a link. any link, i must first refresh the website else it wont navigate to the new page. i used ''./examplepage.html'' for the navigation, but i also used ''./imagexx.jpg'' for the pictures and they show up fine. any ideas what i may've done wrong, and how to fix it? i can pass along the site if that'll help? it's a basic site. just has really cool things, so i dont want to lose them. it's URM - Ultra Runs and Marathons - running is our passion, and our life! and any help is greatly appreciated.

thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
 Reply to this topicStart new topic
Replies(1 - 12)
Frederiek
post Sep 2 2015, 02:43 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Yes, we need to see the code. So, do post the url to your site.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 03:27 AM
Post #3





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
sorry. i thought it would post when i put the link there. here it is. the whole index page: (if you prefer, the current website is www.conquerthewallmarathon.my)

<!DOCTYPE html>
<html><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>URM - Ultra Runs and Marathons - running is our passion, and our life!</title>
<meta name="description" content="We promote only the best organized ultra runs, marathons, half-marathons at the most beautiful locations in the world. URM - discover the joy of running.">

<link type="text/css" rel="stylesheet" href="./urm_files/27">
<meta name="viewport" content="width=1024, maximum-scale=1">

<!-- SOCIAL DATAS -->
<!-- GOOGLE PLUS -->
<meta itemprop="name" content="Ultra Runs and Marathons - running is our passion, and our life!">
<meta itemprop="description" content="We promote only the best organized ultra runs, marathons, half-marathons at the most beautiful locations in the world. URM - discover the joy of running.">

<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->

<!-- FONTS -->
<!--<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>-->

<!--<script type="text/javascript" src="//use.typekit.net/qdr4xfi.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->

<script async="" src="./urm_files/analytics.js"></script><script>
var $buoop = {vs:{i:9,f:15,o:12.1,s:5.1},c:2};
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script><style type="text/css">
</style>
</head>
<body class="desktop">
<img src="./urm_files/images\purple.jpg" width=2000 height=950>
<section class="popin" id="newsletter-popin">
<span class="cache"></span>
<button class="close">Close<i class="popin-close"></i></button>
<div class="center">
<h2 class="title">Subscribe</h2>
<p class="text">Enter your email below to get the latest news about our marathons, registration, and updates</p>

<form method="post" action="http://conquerthewallmarathon.my/service/mailchimp/subscribe?lng=en">
<div class="field">
<p class="error">Enter a valid email address</p>
<input type="text" class="input-text" name="email" placeholder="Enter your email">
</div>
<input type="hidden" name="subscription" value="newsletter">
<input type="submit" class="input-submit" value="Subscribe now">
</form>
<p class="success"><strong>Thank you!</strong><br>Your email was successfully sent</p>
</div>
</section>

<section class="popin" id="lido-popin">
<span class="cache"></span>
<button class="close">Close<i class="popin-close"></i></button>
<div class="center">
<h2 class="title">URM - Ultra Runs and Marathons</h2>

<p class="text">We've partnered with a new organizer, and this year's marathons are going to be better than ever!!<br><br> Be the first to know about the new marathons offered by us!</p>

<form method="post" action="http://dragone.com/service/mailchimp/subscribe?lng=en">
<div class="field">
<p class="error">Enter a valid email address</p>
<input type="text" class="input-text" name="email" placeholder="Enter your email">
</div>
<input type="hidden" name="subscription" value="lido">
<input type="submit" class="input-submit" value="Subscribe now">
</form>
<p class="success"><strong>Thank you!</strong><br>Your email was successfully sent</p>
</div>
</section>


<div class="main-load-bar"></div>
<header class="main-header">
<h1 class="logo"><a href="./urm_files/urm.html">
<img src="./urm_files/logo-small02.jpg" alt="URM" height="37" width="59"></a></h1>
<nav class="menu-left">
<ul>
<li class="shows-menu-toggler">
<a href="http://">Currently Offered Marathons</a>
<i class="arrow-down-red"></i>
</li>
<li>/</li>
<li class="discover-menu-toggler">
<a href="http://">Preparation</a>
<i class="arrow-down-red"></i>
</li>
<li>/</li>
<li><a href="./urm_files/pages/registration.html">Registration Page</a></li>
</ul>
</nav>
<nav class="menu-right">
<ul>
<li class="facebook">
<a href="http://www.facebook.com/ultrarunsandmarathons" target="_blank" data-analytics="Header, Go to Facebook, Desktop">
<i class="header-facebook"></i>
Find us on Facebook </a>
</li>

</ul>
</nav>

<nav class="submenu shows-menu" style="width: 1904px;">
<ul>
<li class="box-1" style="width: 20%;">
<a href="./urm_files/ctwm.com/home.html">
<div class="box-title">
<p class="title">Great Wall<br>of China</p>

<p class="subtitle">Jinshanling <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/great wall image 1.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px; left: 0px; top: 0px;">
</a>
</li>
<li class="box-2" style="width: 20%;">
<a href="./urm_files/yunnan/Yunnan.html">
<div class="box-title">
<p class="title">Yunnan</p>

<p class="subtitle">Kunming <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/dongzhuli.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px;">
</a>
</li>
<li class="box-3" style="width: 20%;">
<a href="./urm_files/rice/Rice Terrace Marathon.html">
<div class="box-title">
<p class="title">Rice Terraces <br></p>

<p class="subtitle">Yuanyang <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/banaue.jpg" class=" box-cover" style="height: 202.467px; width: 380px; margin: -16.2336px 0px 0px;">
</a>
</li>
<li class="box-4" style="width: 20%;">
<a href="./urm_files/shangri-la/home/SHANGRI-LA Marathon - The Lost Horizon.html">
<div class="box-title">
<p class="title">Shangri-La</p>

<p class="subtitle">Yunnan <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/helongtan.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px;">
</a>
</li>
<!-- <li class="box-5" style="width: 20%;">
<a href="http://dragone.com/en/shows">
<div class="box-title">
<p class="title">See all shows</p>
<p class="subtitle">Around the world</p>
</div>
<span class="cache"></span>
<img src="./Dragone · Spectators are our passion. Creation is our core._files/all-shows.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px;">
</a>
</li> -->
</ul>
</nav>

<nav class="submenu discover-menu" style="width: 1904px;">
<ul>
<li class="box-1" style="width: 20%;">
<a href="./urm_files/pages/training.html">
<div class="box-title">
<p class="subhead">Getting Ready </p>

<p class="title">Training Programs</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/training.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px; left: 0px; top: 0px;">
</a>
</li>
<li class="box-2" style="width: 20%;">
<a href="./urm_files/pages/nutrition.html">
<div class="box-title">
<p class="subhead">Nutrition </p>

<p class="title">Eating Right</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/nutrition.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px;">
</a>
</li>
<li class="box-3" style="width: 20%;">
<a href="./urm_files/pages/gear.html">
<div class="box-title">
<p class="subhead">Gearing Up </p>

<p class="title">Equipment Matters</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/gear.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.68098px;">
</a>
</li>
<li class="box-4" style="width: 20%;">
<a href="./urm_files/pages/care.html">
<div class="box-title">
<p class="subhead">Take Care</p>

<p class="title">Injury Prevention and Recovery</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/care.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px;">
</a>
</li>
<!-- <li class="box-5" style="width: 20%;">
<a href="http://dragone.com/en/contact">
<div class="box-title">
<p class="subhead">Running </p>

<p class="title">With Your Friends</p>
</div>
<span class="cache"></span>
<img src="./Dragone · Spectators are our passion. Creation is our core._files/contact.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px;">
</a>
</li> -->
</ul>
</nav>
</header>

<div class="bottom">


<a href="http://www.dogstudio.be/" target="_blank" class="dogstudio-link"><i></i></a>
</div>

</div>
</footer>


<script type="text/javascript" src="./urm_files/script.js"></script>
<script type="text/javascript" src="./urm_files/ajaxify.js"></script>
<script type="text/javascript" src="./urm_files/contact.js"></script>



<!-- LibraryConfig::load-->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

ga('create', 'UA-49116382-4', 'auto');
ga('send', 'pageview');
</script>

<script>
var mediasPath = '/medias/';
var videosPath = 'VIDEOS';
</script>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 2 2015, 03:54 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Start by validating the page at https://validator.w3.org/nu/ and fix the errors.

There's also a javascript error and missing files. Check your browser console to find these.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 04:19 AM
Post #5





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
i tried to use that site. when i typed www.conquerthewallmarathon.my into the space, it said 'please enter a URL'.... did i do something wrong? obviously....

there were a couple extra pages. i just didn't want to duplicate them. is that where the error is? can i delete the 'http://' part so it won't look there anymore?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 04:21 AM
Post #6





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
nevermind. figured it out.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 04:47 AM
Post #7





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
fixed all the obvious, easy ones. still left with these 5. have no idea what they're talking about. but still have the same issue. any thoughts?

Info: The Content-Type was text/html. Using the HTML parser.
Info: Using the schema for HTML with SVG 1.1, MathML 3.0, RDFa 1.1, and ITS 2.0 support.
Error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.
From line 4, column 5; to line 4, column 66
f-8">↩ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">↩↩
Error: The itemprop attribute was specified, but the element is not a property of any item.
From line 14, column 5; to line 14, column 101
S -->↩ <meta itemprop="name" content="Ultra Runs and Marathons - running is our passion, and our life!">↩ <
Error: The itemprop attribute was specified, but the element is not a property of any item.
From line 15, column 5; to line 15, column 197
fe!">↩ <meta itemprop="description" content="We promote only the best organized ultra runs, marathons, half-marathons at the most beautiful locations in the world. URM - discover the joy of running.">↩↩
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 2 2015, 05:19 AM
Post #8


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Never mind the Info parts, they are not errors.

Apparently, the validator has an internal error on http-equiv as you have it. Try searching for "http-equiv attribute whose value is X-UA-Compatible must have a content attribute".

Try searching for "itemprop html" too.

One weird thing is that I get a few 404 not found errors on some font files and svg files. But when I try to follow a link, I get 31 errors, among which the js error.

Maybe you should use normal relative URLs for your links, instead of with ./
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 08:05 AM
Post #9





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
i wondered about that. the thing is, soon the address will change. so i dont want to have to retype it all in again. i guess i'll try with one or two of them for now. if it works, then i'll just wait until i get the actual website domain name. thanks for your help. i'm sure we'll chat again in the future. hehehe...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 08:07 AM
Post #10





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
well, tried it with 3 of them. same thing happened again! ergh... this makes me crazy.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 10:02 AM
Post #11





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
the thing is, when i hit f12 in microsoft expression, it all works fine. but online, in chrome, doesn't. ie is even worse. it's huge mess there.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 2 2015, 05:36 PM
Post #12


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
The navigation doesn't work at all when JavaScript is disabled/unavailable.

If I click the Preparation > Training Programs link, then the URL changes to
http://www.conquerthewallmarathon.my/urm_f...s/training.html
(and this URL exists).

If I go to the Preparation > Training Programs link and right-click > Open Link in New Tab, then the URL in the new tab is
http://www.conquerthewallmarathon.my/urm_f...s/training.html
(and this URL returns 404 Not Found).

It looks like the kind of overly complicated JavaScript-dependent navigation that I would throw out and replace with normal links.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
davidbanfield
post Sep 2 2015, 05:49 PM
Post #13





Group: Members
Posts: 9
Joined: 2-September 15
Member No.: 23,476
thanks for your time, darin. a quick question.... i dont know what you mean when you say 'replace with normal links'... can you give me one example? for instance...

how would you change one, then i can make them all uniform? sorry. but again, thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 09:06 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC