|
Javascriptet skal plasseres øverst i HTML-filen innenfor head-området til websida.
<html>
<head>
<script language="JavaScript">
</script>
</head>
...
</html>
Først i javascriptet skal vi lage en funksjon med ett argument. Denne funksjonen skal kalles når
man peker på et område på websida. Hvordan man kaller på funksjonen kommer vi tilbake til i del 3.
Det som sendes med som argument til denne funksjonen er hva som pekes på i f.eks. menyen.
Funksjonen skal da endre innholdet i tekstfelt etter hva som pekes på.
<script language="JavaScript">
function velg (valg) {
}
</script>
Når vi skal bestemme hva som skal skrives ut i tekstfeltet spør vi argumentet til funksjonen,
valg, hva denne inneholder. Når vi kaller på funksjonen sender vi med en
liten tekststreng som indikerer hva som pekes på. F.eks. kan dette være "valg1", "valg2".
Men det kan være hva som helst, bare du kjenner det igjen. Vi oppretter også en variabel strText,
som lagrer teksten som skal skrives ut.
<script language="JavaScript">
function velg (valg) {
var strText = "";
if(valg == "valg1") {
strText += "Dette er valg 1";
}
if(valg == "valg2") {
strText += "Dette er valg 2. <br>";
strText += "Det er det andre valget.";
}
}
</script>
Som du ser kan man legge til så mange linjer man vil med tekst, bare man passer på å skrive +=
for hver linje. Resultatet når du skriver ut denne tekststrengen blir likevel at all tekst kommer sammenhengende. Det
registreres ikke noe linjeskift. Hvis du ønsker dette må du legge til en <br>-tag. Faktisk
kan du legge til alt du ønsker av html-kode her! Så man kan gjøre ganske fansy ting hvis man ønsker.
Nå gjenstår det bare å skrive ut innholdet i strText til tekstfeltet. Dette gjøres med en enkelt
linje.
<script language="JavaScript">
function velg (valg) {
var strText = "";
if(valg == "valg1") {
strText += "Dette er valg 1";
}
if(valg == "valg2") {
strText += "Dette er valg 2. <br>";
strText += "Det er det andre valget.";
}
document.all["tekstfelt"].innerHTML = strText;
}
</script>
Det denne linjen sier er at i dette dokumentet skal alle objekter som heter "tekstfelt" få tilsendt
teksten som er lagret i variabelen strText. Enkelt og greit! :o)
I dokumentet vårt har vi bare ett objekt som heter "tekstfelt".
Vi må nå lage de objektene som skal kalle på denne funksjonen når de pekes på. Dette står i del 3.
->del 3
|