Chciałbym zrobić menu w którym tło linku strony na której aktualnie jesteśmy podświetla się.
Znalazłem do tego odpowiedni kod, ale mam problem z dodaniem go do strony ponieważ nie działa w sposób mi potrzebny. Dodaje on do linku który jest aktualnie otwarty klasę "current" a ja potrzebuję by aktualnie otwarty link "obtoczył tagami <span>Aktualnie otwarty link</span>. Jeżeli ktoś były na tyle uprzejmy by przerobić istniejący kod, byłym wdzięczny.
Link do strony skryptu: http://www.richnetapps.com/automatically_h...urrent_page_in/
Pozdrawiam i załączam skrypt.
Kod
function extractPageName(hrefString)
{
var arr = hrefString.split('/');
return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();
}
function setActiveMenu(arr, crtPage)
{
for (var i=0; i<arr.length; i++)
{
if(extractPageName(arr[i].href) == crtPage)
{
if (arr[i].parentNode.tagName != "DIV")
{
arr[i].className = "current";
arr[i].parentNode.className = "current";
}
}
}
}
function setPage()
{
hrefString = document.location.href ? document.location.href : document.location;
if (document.getElementById("nav")!=null)
setActiveMenu(document.getElementById("nav").getElementsByTagName("a"), extractPageName(hrefString));
}
{
var arr = hrefString.split('/');
return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();
}
function setActiveMenu(arr, crtPage)
{
for (var i=0; i<arr.length; i++)
{
if(extractPageName(arr[i].href) == crtPage)
{
if (arr[i].parentNode.tagName != "DIV")
{
arr[i].className = "current";
arr[i].parentNode.className = "current";
}
}
}
}
function setPage()
{
hrefString = document.location.href ? document.location.href : document.location;
if (document.getElementById("nav")!=null)
setActiveMenu(document.getElementById("nav").getElementsByTagName("a"), extractPageName(hrefString));
}