menu a tab con classe dinamica

[rickystra]

ciao, ho scritto questo codice ma credo si possa fare di meglio

  <ul>
    <li id="primo">[url="home.php"]Home[/url]
    <li id="secondo">[url="foto.php"]Foto[/url]
    <li id="terzo">[url="contatti.php"]Contatti[/url]
    <li id="quarto">[url="blog.php"]Blog[/url][/list]
</div>
<script type="text/javascript">
function classe(ref, li)
{
var page = document.getElementById(ref).href;
var url = document.URL;
if(page == url)
    document.getElementById(li).className = 'active';
}
classe('a','primo');
classe('b','secondo');
classe('c', 'terzo');
classe('d','quarto');
</script> 

In pratica aggiungendo questo menu alle 4 pagine, al[*] corrispondente al link viene aggiunta la classe 'active'.

Si può fare di meglio?

[rickystra]

un primo accorciamento:

function classe(ref) 
{ 
var page = document.getElementById(ref).href; 
var url = document.URL; 
if(page == url) 
    document.getElementById(ref).parentNode.className = 'active'; 
} 

[Xinod]

window.onload=function(){
	var lnks=document.getElementById('id_ul').getElementsByTagName('a');
	for(var k=0,l=lnks.length;k<l;k++){
		if(lnks[k].href && self.location.href.indexOf(lnks[k].href)>-1) lnks[k].parentNode.className='active';
	}
}

ciao

[rickystra]

decisamente meglio, grazie mille!!

mi potresti spiegare questo?

for(var k=0,l=lnks.length;k<l;k++){
        if(lnks[k].href && self.location.href.indexOf(lnks[k].href)>-1)