navigation problems, can't navigate without refreshing |
navigation problems, can't navigate without refreshing |
davidbanfield |
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! |
Frederiek |
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.
|
davidbanfield |
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> |
Frederiek |
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. |
davidbanfield |
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? |
davidbanfield |
Sep 2 2015, 04:21 AM
Post
#6
|
Group: Members Posts: 9 Joined: 2-September 15 Member No.: 23,476 |
nevermind. figured it out.
|
davidbanfield |
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.">↩↩ |
Frederiek |
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 ./ |
davidbanfield |
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...
|
davidbanfield |
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.
|
davidbanfield |
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.
|
Darin McGrew |
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. |
davidbanfield |
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! |
Lo-Fi Version | Time is now: 21st May 2024 - 09:33 AM |