[JS] Add events dynamisch
Nu weet ik wel hoe dat werkt enzo maar ik wil graag via javascript dit dynamisch toevoegen aan de links (zodat ik niet de hele onmouseover zooi in mijn HTML hoeft te zetten, vervuiling!)
nu heb ik de volgende situatie (simpel):
Code (php)
1
2
3
4
5
2
3
4
5
<div id="menu">
<a href="/" class="active">Begin</a>
<a href="/">Gastenboek</a>
<a href="/">Contact</a>
</div>
<a href="/" class="active">Begin</a>
<a href="/">Gastenboek</a>
<a href="/">Contact</a>
</div>
bij Active staat er een kroontje voor het item en als je met je muis over een item gaat komt die er ook voor te staan. Hoe kan ik:
- aan elke <a> van de div menu een mouseover en mouseout event hangen?
- hoe kan ik controleren of het de class active heeft, of welk element deze klas heeft.
Alvast bedankt voor de hulp!
dit behandeld dropdown menu's met css en js.
http://www.scriptorama.nl/tips-tricks/behaviour-javascript-library
Edit:
Bij nader inzien, ik heb je vraag nog eens bekeken, wat je wilt kun je inderdaad wel met CSS oplossen.
Op je <a> tag kun je gebruik maken van :hover, hier zou je een background-image kunnen tonen:
a:hover{
background: url(image.gif) no-repeat;
}
Met background-position en een beetje spelen met padding kun je ervoor zorgen dat het plaatje netjes wordt gepositioneerd.
Bij nader inzien, ik heb je vraag nog eens bekeken, wat je wilt kun je inderdaad wel met CSS oplossen.
Op je <a> tag kun je gebruik maken van :hover, hier zou je een background-image kunnen tonen:
a:hover{
background: url(image.gif) no-repeat;
}
Met background-position en een beetje spelen met padding kun je ervoor zorgen dat het plaatje netjes wordt gepositioneerd.
Gewijzigd op 01/01/1970 01:00:00 door Remco van Arkelen
Ik heb het al werkend met css, voorbeeld dan maar: klik. Nu wil ik met javascript het menu zo wijzigen (dus alleen met javascript zonder aanpassingen in de html) dat als je over een andere link gaat als welke geselecteerd staat (class=active) dan moet de class active verdwijnen...
Gewijzigd op 01/01/1970 01:00:00 door Marien xD
Ik heb er naar gekeken naar jou link, het geeft een hele goede benadering maar ik ben op zoek naar iets met veel minder code. Ik weet dat er oplossingen voor zijn. Ik heb al regelmatig het Addevent voorbijzien komen.
