Dynamisk tekstfelt
del 1 |  del 2 |  del 3
 
 
Vi skal nå lage objektene som skal kalle på velg-funksjonen i javascriptet. Disse trenger ikke være noe spesielt objekt egentlig. Jeg har her valgt å bruke vanlige linker, men du kan bruke nesten hva som helst. Bilder og tabellceller for å nevne noe.
Vi ønsker nå å oppfange to hendelser, eller event som det kalles på engelsk. Vi ønsker å finne ut når musen holdes over et område. De to hendelsene vi trenger er onMouseOver og onMouseOut. Inni parentesen skriver vi navnet til funksjonen i javascriptet, samt argumentet som skal sendes med til denne funksjonen.
    <a href="valg1.html" onMouseOver="velg('valg1')" onMouseOut="velg('')">Valg 1</a><br>
    <a href="valg2.html" onMouseOver="velg('valg2')" onMouseOut="velg('')">Valg 2</a>
Valg 1
Valg 2
Dynamisk tekstfelt
 
Du kan nå se at dette virker ved å peke på linkene. Som du sikkert har skjønt blir tekstfeltet tomt når vi tar musa bort fra linkene, fordi vi kaller på velg-funksjonen med et tomt argument. Dette fører til at det aldri vil bli satt noen verdi på strText-variabelen.

Hvis du nå lurer på hvordan teksten i tekstfeltet blir blå kan du finne svaret på CSS-siden.