Placera en textyta på hemsidan och namnge den, t.ex. så här :
<div id = "mydiv">
</div>
Så här kan taggarna för två klickbara bilder se ut:
<A HREF = "#"
ONCLICK="iljtextval(1);return false"
ONMOUSEOUT="iljtextval(0)">
<IMG SRC= "bildfilens namn"
WIDTH = "bildens bredd i pixel"
HEIGHT = "bildens höjd i pixel"
BORDER="0"></A>
<A HREF = " # "
ONCLICK="iljtextval(2);return false"
ONMOUSEOUT="iljtextval(0)">
<IMG SRC= "bildfilens namn"
WIDTH = "bildens bredd i pixel"
HEIGHT = "bildens höjd i pixel"
BORDER="0"></A>
En klickning på någon av bilderna anropar alltså funktionen iljtextval(texnummer). Siffran inom parentes håller reda på vilken text som ska visas och kommer in som textnummer i funktionen som ser ut så här - placera den mellan SCRIPT-taggar i HEAD-delen (se MINIMANUAL 1 lite grunder):
function iljtextval(textnummer)
{
text = new Array()
text[0] = ""
text[1] = "Här skrivs texten till bild 1"
text[2] = "Här skrivs texten till bild 2"
if(document.getElementById)
{document.getElementById('mydiv').innerHTML= text[textnummer]}
}
text[0] används för att tömma textrutan när muspekaren lämnar en bild, dvs när en mouseout äger rum.
Sidan gjordes av
ilj@flowsim.se
Senast ändrad 18 februari 1998.
Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se
JAVASCRiPT