© ilj ilj@flowsim.se
JavaScript onClick /radio buttons/ textarea
JavaScript på svenska 28
- ett exempel som visar olika texter i en TEXTAREA
- samma sak med innerHTML direkt på sidan

CITAT 1 CITAT 2 CITAT 3
 



 

 
Placera radiobuttons och en TEXTAREA på en FORM och namnge dem, t ex så här:

<FORM NAME = "iljtextareaform1">
<INPUT TYPE = "
radio"
NAME = "
iljradio"
onClick = "
if(this.checked) {iljtextval(0)}2">CITAT 1
<INPUT TYPE = "
radio"
NAME = "
iljradio"
onClick = "
if(this.checked) {iljtextval(1)}2">CITAT 2
<INPUT TYPE = "
radio"
NAME = "
iljradio"
onClick = "
if(this.checked) {iljtextval(2)}2">CITAT 3
<TEXTAREA NAME = "
iljtextarean3"
ROWS = "
8"
COLS = "
30"
WRAP = "
physical">
</TEXTAREA>
</FORM>

 
Det som bestämmer vilken text som ska visas är den siffra som står inom parentes efter iljtextval() , t ex iljtextval(0).
 
Placera följande JavaScript-kod i HTML-sidans HEAD-del.
 
calledx = 0
function iljtextval(textnummer)//4
{
text = new Array()
text[0] = "Solitude - après le feu d´artifice" +
       " une étoile filante Shiki"
text[1] = "To Generalize is to be an Idiot."+
      " To Particularize"+
      " is the Alone Distinction of Man."+
      " William Blake (1757-1827)"
text[2] = "Born Originals, how comes it"+
       " to pass that we die Copies?"+
       " Young (in Conjectures on"+
       " Original Composition)"

texten=text[textnummer]//5
i=0
j=0
if(calledx==0)
      {
      calledx=1
      textwriter()
      }//6
}

function textwriter() //7
{
document.iljtextareaform1.iljtextarean3.value =""
document.iljtextareaform1.iljtextarean3.value = texten.substring(0,i) + "|"
iljtimer = setTimeout("textwriter()",150)//8
i++
if(i==texten.length+5)//9
      {
      document.iljtextareaform1.iljtextarean3.value= " "
      i=0
      j=j+1
      }
if(j==2)//10
      {
      clearTimeout(iljtimer)//11
      j=0
      calledx=0
      }
}
 
Glöm inte att ta bort alla fotnoter!
 
1
FORMens namn

2 när man klickar på ett alternativ och det markeras anropas funktionen
iljtextval(). OBS siffran inom parentes som håller reda på vilken text som ska visas

3
TEXTAREANs namn

4 har man klickat på t ex alternativ 3 blir
textnummer = 2

5
texten sätts här till text[textnummer] - alltså t ex text[2]

6 if-satsen ser till att funktionen
textwriter() anropas endast EN gång från funktionen iljtextval()

7 funktionen
textwriter() reglerar hur texten skrivs till TEXTAREAn

8 funktionen
textwriter() anropar här sig själv, siffran (millisekunder) reglerar hur ofta den gör det och bestämmer alltså hur fort texten skrivs

9 här börjar skrivandet om - om man vill att texten ska stå kvar en stund när den skrivits klart kan man lägga till en siffra här

10 j håller reda på hur många gånger texten skrivs
 
11 stoppar timern
 

Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 

 
Senast ändrad 17 oktober 1997.
 
Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se
JavaScript på svenska