Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
JavaScript / DOM / AJAX: DOM Scripting - Adding/replacing ID of <li> using DOM
Bottom of Page1 to 3 of 3
-
Im trying to add or replace the id of my li s
i want to change/add an image bg to my buttons inside <li> everytime they mouse over
the button and highlight that page when clicked.
Heres my simplified html:
<body>
<div id="wrapper">
<div id="maincontainer">
<div id="nav">
<li id="active"><a href="#">HOME</a></li>
<li><a href="#">ABOUT ME</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">CONTACT</a></li>
</div>
</div>
</wrapper>
</body>
---------------------------------------------
i want to move that id="active" ,to activated(clicked) button.(highlight in other words)
Any DOMsters out there please provide a guide or link or sample or insstruction or .....etc that would help me.
Thanks in advance to all CSSbeauty fans and domsters. -
a few things:
> Im trying to add or replace the id of my li s
semantically, I believe you should use a class in this case, not an id
> i want to change/add an image bg to my buttons inside <li> everytime they mouse over the button
that you can do by applying a background image to the a:hover state of the li's
> and highlight that page when clicked
> i want to move that id="active" ,to activated(clicked) button.(highlight in other words)
are you loading another page when you click the link, or are you showing & hiding content on one page? -
Thanks
1 to 3 of 3