Gestart door Francois op 20 okt 2005, 11:137 berichten7.843 keer gelezen
FrancoisStartte dit onderwerp20 okt 2005, 11:13Antwerpen - Ekeren14 berichten
Beste,
Welke code moet men instellen om als men bievoorbeeld een mouse-over doet bij een woord,b.v ,als de muis op een bepaald woord komt opent een venster met enklele woorden verklarende uitleg en en bij mouse-out weer verdwijnt? liefst geen pop-up.
<html><head><title>...</title>
</head><body>
<h1 id="Test"
onMouseover="this.innerHTML='Ziet u?'"
onMouseout="this.innerHTML='Ik ben dynamisch'">Ik ben dynamisch</h1>
</body></html>
Vervang dan wel "h1" door "p", als het een woord in een alinea betreft.
Progger
Een goede raad:...
Luister nooit naar goede raad...
<p>Hier staat de normale tekst, en nu wordt de volgende tekst, of woord, (hier de woorden Ik ben dynamisch) bij onMouseover dynamisch aangepast met:
<span id="Test" style="color:maroon; font-weight:bold"
onMouseover="this.innerHTML='Ziet u?'"
onMouseout="this.innerHTML='Ik ben dynamisch'">Ik ben dynamisch</span>.
Daarna loopt de tekstalinea gewoon door. Ik heb de te veranderen woorden voor de duidelijkheid hier ook bruin gekleurd.</p>
Plak dit voorbeeldje maar eens in een testpagina (HTML) in de body, en je ziet bij onMouseover de blauwe tekst daadwerkelijk veranderen. Laat eens weten of het jou heeft geholpen bij je vraag.
Progger
Een goede raad:...
Luister nooit naar goede raad...
FrancoisStartte dit onderwerp21 okt 2005, 11:32Antwerpen - Ekeren14 berichten
Progger schreef:Hier nog een duidelijker voorbeeld voor het dynamisch aanpassen van bepaalde woorden binnen een alinea door middel van onMouseover:
<p>Hier staat de normale tekst, en nu wordt de volgende tekst, of woord, (hier de woorden Ik ben dynamisch) bij onMouseover dynamisch aangepast met:
<span id="Test" style="color:maroon; font-weight:bold"
onMouseover="this.innerHTML='Ziet u?'"
onMouseout="this.innerHTML='Ik ben dynamisch'">Ik ben dynamisch</span>.
Daarna loopt de tekstalinea gewoon door. Ik heb de te veranderen woorden voor de duidelijkheid hier ook bruin gekleurd.</p>
Plak dit voorbeeldje maar eens in een testpagina (HTML) in de body, en je ziet bij onMouseover de blauwe tekst daadwerkelijk veranderen. Laat eens weten of het jou heeft geholpen bij je vraag.
Heel erg bedank,dit werkt,en zal mischien ook nog van pas komen,maar via de privé mail heb ik iets gekregen wat ik echt nodig had,deze code geeft bij "mouse over" een geel vakje met een vraagteken en daar kan ik verklarende uitleg in plaatsen.
mvg
Francois schreef:
Heel erg bedank,dit werkt,en zal mischien ook nog van pas komen,maar via de privé mail heb ik iets gekregen wat ik echt nodig had,deze code geeft bij "mouse over" een geel vakje met een vraagteken en daar kan ik verklarende uitleg in plaatsen.
mvg
Francois
Wil je de milde schenker bedanken, in naam van de 8330 andere gebruikers van dit forum
