Good morning everyone,
I have a <UL> Html, and i want set a Style class call "current" each time you click on each <il> item , but it does not work.
I'll show you the code used to try accomplish this task:

- JavaScript Function:
<script>
// <![CDATA[
function setClassName(objId, className) {
document.getElementById(objId).className = className;
}
// ]]>
</script>

Function implementation into my proyect:
<ul id="saturday">
<li><a href="index.aspx" onclick="setClassName(this,'current')"><span>Inici o</span></a></li>
<li><a href="Default.aspx" onclick="setClassName(this,'current')"><span>Conta cto</span></a></li>
<li><a href="index.aspx" onclick="setClassName(this,'current')"><span>Estan cias</span></a></li>
<li><a href="index.aspx" onclick="setClassName(this,'current')"><span>Info</span></a></li>
<li><a href="index.aspx" onclick="setClassName(this,'current')"><span>Unipa go</span></a></li>
<li></li>
</ul>

it does not works.

your comments would be helpfull.

Well no it won't work>

What IS the point on setting a different class name on a link that is on a page that the browser will be LEAVING on the same click??

Is the same class name, just put in the time it was click the current <IL>, my goal is to indicate with a darker color which of the menu item(<il>) is selected.

on a page that the browser immediately LEAVES

no, i want put it in a page that i click, in the page tha it currently enter.

sorry, for my bad inglish.

then simply set the relevant navigation link to current when the page opens.

If your navigation is hardcoded it's simply a matter of typing it in and uploading the pages.
if your navigation is scripted it will need some IF statements in the code to determine which is current.

javascript can be done as well

then simply set the relevant navigation link to current when the page opens.

If your navigation is hardcoded it's simply a matter of typing it in and uploading the pages.
if your navigation is scripted it will need some IF statements in the code to determine which is current.

javascript can be done as well depending on how the navigation is set up

can you send me some code ( based on the source code send by me ) that i can serve as an example.

Here's a tip I gave a while back: http://www.webmaster-talk.com/javasc...ive-links.html

thanks, this post was very useful for my.

I was testing your tips, but this does not work for me. see the following code, if you find something wrong:

function setClassName() {
var menu = document.getElementById("saturday").getElementsByTagName("a");
//creates an array out of each "a" element
for (var i = 0; i < menu.length; i++) {
if (menu[i].href == "http://" + window.location.hostname + window.location.pathname) {
// comparing each href vs this allows for query and hash variables
menu[i].className = "current";
// add class of "active" if there is a match
}
}
}

<ulid="saturday">
<li><ahref="page6"onclick="setClassName()"><span>Inicio</span></a></li>
<li><ahref="page5"onclick="setClassName()"><span>Contacto</span></a></li>
<li><ahref="page4"onclick="setClassName()"><span>Estancias</span></a></li>
<li><ahref="page3"onclick="setClassName()"><span>Info</span></a></li>
<li><ahref="pag2.aspx"onclick="setClassName()"><span>pag1.aspx</span></a></li>
<li></li></ul>

Why are you attaching it to an onclick event? Just make it so that the script runs each time the page is loaded.

Ok, that was the trouble, thanks a lot, it work fine.