Objektet Array()

En Array kan sägas vara ett sätt att ordna olika värden på en och samma variabel och indexera dem så att de blir praktiskt användbara.

Den elektroniska ordspråksboken
Peka på orden nedan!

Skog   Vatten   Sten   Gräs   Däggdjur   Snö   Jord   Fågel   Bär   Sömn

Det här skriptet fungerar i Internet Explorer samt i Netscape 6, men inte i Netscape 4.

I skriptet till den här "elektroniska ordspråksboken" har jag använt new Array() till variabeln Ordsprak. Därefter har jag definierat [i], som kommer att användas i Ordsprak[i].

<SCRIPT language="JavaScript">
<!-- Göm
var Ordsprak = new Array(); 
for (i = 0; i <= 10; i++) {
Ordsprak[i] = new String;
}
Ordsprak[1] = "Man ser inte skogen för bara träd";
Ordsprak[2] = "Man skall inte gå över ån efter vatten";
Ordsprak[3] = "Man skall inte kasta sten när man sitter i glashus"; 
Ordsprak[4] = "Liten tuva välter ofta stort lass";
Ordsprak[5] = "I mörkret är alla katter grå";
Ordsprak[6] = "Det som göms i snö kommer fram i tö";
Ordsprak[7] = "Den som gräver en grop åt andra faller själv däri";
Ordsprak[8] = "En svala gör ingen sommar";
Ordsprak[9] = "Surt, sa räven om rönnbären";
Ordsprak[10] = "Väck ej den björn som sover";
Ordsprak[11] = "";
function Beskriv(i) {
document.visatext.Mintext.value = Ordsprak[i];
}
// Sluta gömma -->
</SCRIPT>

var Ordsprak = new Array();
Först skapar jag en ny instans av objektet Array() och ger den namnet Ordsprak.

for (i = 0; i <= 10; i++)
Här definierar jag [i], som kommer att användas i nästa rad. Värdet på [i] kommer att ökas med 1 från det "nollte" värdet.

Ordsprak[i] = new String;
Nu skapar jag en ny instans av objektet String och ger det namnet Ordsprak med värdet [i]. Det här strängobjektet kommer att användas längre ned i skriptet.

Ordsprak[1] = "Man ser inte skogen för bara träd"; ...
Här följer nu 11 indexerade "innehåll" till strängobjektet. Det här är den "array" ur vilken Ordspråk hämtar sitt innehåll.

Ordsprak[11] = "";
Den här raden gör att textraden töms när muspekaren flyttas bort från länken.

function Beskriv(i)
Den här funktionen anropas från länkarna i BODY, där även värdet på [i] anges.

document.visatext.Mintext.value = Ordsprak[i];
På sidan (document) finns ett formulär som heter "visatext". I textraden (Mintext) skall värdet på Ordspråk[i] skrivas.

Utöver det här behöver vi själva formuläret, som läggs i BODY:

<A href"#" onMouseOver='Beskriv("1");' onMouseout='Beskriv("11");'>Skog</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("2");' onMouseout='Beskriv("11");'>Vatten</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("3");' onMouseout='Beskriv("11");'>Sten</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("4");' onMouseout='Beskriv("11");'>Gräs</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("5");' onMouseout='Beskriv("11");'>Däggdjur</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("6");' onMouseout='Beskriv("11");'>Snö</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("7");' onMouseout='Beskriv("11");'>Jord</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("8");' onMouseout='Beskriv("11");'>Fågel</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("9");' onMouseout='Beskriv("11");'>Bär</A>&nbsp;&nbsp;
<A href"#" onMouseOver='Beskriv("10");' onMouseout='Beskriv("11");'>Sömn</A></P>

<FORM name="visatext">
<INPUT type=text name="Mintext" size="73">
</FORM>

Det är viktigt att både FORM och INPUT får egna namn, eftersom dessa används av funktionen.

© SupportData.Net