- List styling in JavaScript
- <ul id="navmenu">
- <li><a href="#">Downloads »</a>
- <ul>
- <li><a href="downloads_flyer.php">Flyer</a></li>
- <li><a href="downloads_jahresberichte.php">Jahresberichte</a></li>
- <li><a href="downloads_banner.php">Banner</a></li>
- </ul>
- </li>
- <li><a href="presse.php">Pressecenter</a></li>
- <li><a href="kontakt.php">Kontakt</a></li>
- </ul>
- var i = 0;
- var url = "<?php echo end(explode("/", $_SERVER["SCRIPT_NAME"])); ?>";
- var liste = document.getElementById("navmenu").getElementsByTagName("li");
- while(i < liste.length) {
- var topList = liste[i];
- var topLink = liste[i].getElementsByTagName("a")[0];
- if (topLink.href.substr((topLink.href.length - 1), 1) != "#" // To avoid matching the 'Downloads' link.
- && topLink.href.indexOf(url) > 0)
- {
- topList.className = "active";
- }
- i++;
- }
- var i = 0;
- var url = "<?php echo end(explode("/", $_SERVER["SCRIPT_NAME"])); ?>";
- var liste = document.getElementById("navmenu").getElementsByTagName("li");
- while(i < liste.length) {
- var topLink = liste[i].getElementsByTagName("a")[0];
- if (topLink.href.substr((topLink.href.length - 1), 1) != "#" // To avoid matching the 'Downloads' link.
- && topLink.href.indexOf(url) > 0)
- {
- if(topLink.parentNode.parentNode.parentNode.tagName == "LI") {
- topLink.parentNode.parentNode.parentNode.className = "active";
- } else {
- topLink.parentNode.className = "active";
- }
- }
- i++;
- }
- var i = 0;
- var url = "<?php echo end(explode("/", $_SERVER["SCRIPT_NAME"])); ?>";
- var liste = document.getElementById("navmenu").getElementsByTagName("li");
- while(i < liste.length) {
- var topLink = liste[i].getElementsByTagName("a")[0];
- if (topLink.href.substr((topLink.href.length - 1), 1) != "#" // To avoid matching the 'Downloads' link.
- && topLink.href.indexOf(url) > 0)
- {
- topLink.parentNode.parentNode.parentNode.className = "active";
- }
- i++;
- }