geplaatst door: Emerik
Je kan via hover in css de opmaak van de tekst veranderen waarover je
beweegt met de muis. Is het ook mogelijk om daarnaast (dus extra) ook
nog een woord in een totaal andere class te laten veranderen?

Bv als je in een tekst een link zet waarmee je verwijst naar een andere
pagina binnen dezelfde website en deze link staat ook in de menubalk,
is het dan mogelijk wanneer je over de link in de tekst gaat het er laten
uit te zien alsof je ook over de link in de menubalk gaat met je muis?

Helpt u de wereld al redden?
Door hover over een woord een ander veranderen
2 januari 2007 - 14:00    reactie #1
geplaatst door: mvdg
Dat kan niet direct in css maar wel via javascript.
Je kunt de class van een element veranderen door het element een "id" te geven en dan met javascript de classname te veranderen. Stel dat je in je menu een optie "contact" hebt en die menuoptie zit in een "A" tag. Dan zet je in je menu:

...
<a href='contact.html' id='contactlink'>Contact</a>
...

Als je op je pagina dan verwijst naar deze pagina, doe je zoiets:


...
<p>U vindt meer informatie op onze <a href='contact.html' onmouseover="var dummy=document.getElementById('contactlink'); dummy.className='actief';" onmouseout="var dummy=document.getElementById('contactlink'); dummy.className='';">contactpagina</a>.</p>
...

En dan moet je in css ergens een class hebben gemaakt die .actief heet (in dit voorbeeld) en die wordt dan geactiveerd. Snappie?

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Door hover over een woord een ander veranderen
2 januari 2007 - 14:52    reactie #2
geplaatst door: Emerik
Misschien een stomme vraag maar hoe weet het Contact in het menu
hier voordat ik er met mijn muis ben over gegaan welke class name
het heeft?

O en nog stommer, moet ik iets bovenaan mijn pagina toevoegen voor
javascript werkt? Ik heb maar een heel klein beetje ervaring met css/html
en helemaal niet met javascript, maar dat merkte je wel aan mijn vraag  :smile:

PS Het menu en de teskt zitten niet echt in dezelfde pagina, worden samen
gebundeld door php include.

http://emerik.macuser.nl/proosdij/index.php

Zoals je ziet werkt het niet echt  :blush:

(Bewerkt door Emerik om 14:54, 2-01-2007)

Helpt u de wereld al redden?