[javascript] Rollover dinges

Hey, ik zoek een script dat als ik over een link ga dat er dan op een andere plek de content verandert. Hoe doe ik dat? En waar is dat script te vinden?

als je het met javascript wil doen kan je in google even op zoek gaan naar OnMouseOver

(weet niet de juiste code)

op webmonkey.com staat ergens een tutorial van javascript waarin het gebruik ervan wordt uitgelegd. Ik ga er nu naar opzoek.

//edit: http://hotwired.lycos.com/webmonkey/98/03/index2a_page9.html?tw=programming

Het is echter ook mogelijk in css, maar dit ken ik niet (is tijdje geleden ook al op het forum langs geweest)

//edit
De afbeelding die je wil laten veranderen zet je zo op je site:
<img src=“image.gif” name=“kiesnaam”>

(de name kies je natuurlijk zelf)

daarna maak je de link die je wil:

<a href="#"
onMouseOver=“document.kiesnaam.src=‘ander_image.gif’;”>
link</a>

Dus achter href kan je dan eventueel de bestemming van de link invoegen.
je veranderd weer kiesnaam in de naam die je zelf hierboven hebt gekozen en je geeft het pad naar de andere afbeelding in wat het moet veranderen.

Je kan de onMouseOver ook veranderen door onMouseClick en dan verander de afbeelding als er op de link is geklikt.

[quote:605097ffd2="Jonnotie"]Hey, ik zoek een script dat als ik over een link ga dat er dan op een andere plek de content verandert. [/quote:605097ffd2]

Content = een plaatje of content = tekst?

In dit geval is plaatje perfect, BEDANKT! :lol:

t is trouwens ook een standaard Behavior in Dreamweaver. daar had je m ook zo uit kunnen plukken ;)

http://www.xs4all.nl/~mosm/testsite/rollover.html

[quote:2afe36a684="tennapel"]http://www.xs4all.nl/~mosm/testsite/rollover.html[/quote:2afe36a684] Je website werkt niet met IE. En is dit ook niet mogelijk met css? zoiets als dit: http://www.motuweb.com/techstuff/2x_css_rollover_demo.htm

[quote:fe8f648e8d="Rimsic"] En is dit ook niet mogelijk met css? [/quote:fe8f648e8d]

Als je view source had gedaan had je gezien dat het CSS is. Maar ja, het is makkelijker om een opmerking te plaatsen zonder de moeite te nemen te verifieren wat je zegt…

[quote:ff0d94c95c="tennapel"][quote:ff0d94c95c="Rimsic"] En is dit ook niet mogelijk met css? [/quote:ff0d94c95c]

Als je view source had gedaan had je gezien dat het CSS is. Maar ja, het is makkelijker om een opmerking te plaatsen zonder de moeite te nemen te verifieren wat je zegt…[/quote:ff0d94c95c]
maar je css werkt dus niet in internet explorer

[quote:db7dbb8766="Rimsic"][quote:db7dbb8766="tennapel"][quote:db7dbb8766="Rimsic"] En is dit ook niet mogelijk met css? [/quote:db7dbb8766]

Als je view source had gedaan had je gezien dat het CSS is. Maar ja, het is makkelijker om een opmerking te plaatsen zonder de moeite te nemen te verifieren wat je zegt…[/quote:db7dbb8766]
maar je css werkt dus niet in internet explorer[/quote:db7dbb8766]

Kennelijk … daar is vast een oplossing voor. Ik denk te weten waarom niet, maar dat moet ik eerst even testen. Pagina was dan ook een proof-of-concept voor een ander probleem in een ander topic, niet een volledig uitgewerkte oplossing.

De vraag is of dit is wat Jonnotie zoekt?

[quote:5e5c311a2b="tennapel"]Kennelijk .. daar is vast een oplossing voor. Ik denk te weten waarom niet, maar dat moet ik eerst even testen. Pagina was dan ook een proof-of-concept voor een ander probleem in een ander topic, niet een volledig uitgewerkte oplossing.

De vraag is of dit is wat Jonnotie zoekt?[/quote:5e5c311a2b]

Waarom het niet werkt op windows heeft de volgende reden: IE ondersteunt alleen :hover bij A-tags.

[quote:fa86974098="@GHB"] Waarom het niet werkt op windows heeft de volgende reden: IE ondersteunt alleen :hover bij A-tags.[/quote:fa86974098]

Dat heeft er niets mee te maken. De hover staat op de a, niet op de span. Probleem is dat in IE wanneer je de eigenschappen (height, width etc.) van een genest html element binnen de a bij een :hover de weergave van het element helemaal verdwijnt.

Ik moet nog zoeken of daar een workaround voor is, maar nu even niet. Als iemand de oplossing weet graag posten, scheelt mij weer werk.