Kurs 17: L�r dig spr�ket JavaScript - Statusf�ltet

JavaScript.nu / JavaScript-kurs / Statusf�ltet

L�R DIG SPR�KET JAVASCRIPT
Statusf�ltet

Det du nu ska l�ra dig �r hur man kan skriva saker i statusf�ltet.
Detta kan vara bra d� man t.ex. har l�nkar som man vill ska visa en text i statusf�ltet n�r man drar musen �ver l�nken.

Sj�lva kommandot som g�r att en text visas i statusraden �r v�ldigt simpel, man skriver endast window.status, s� det jag ska ber�tta i detta kapitel �r hur du kan utnyttja denna funktion.

L�t oss b�rja med det simplaste s�ttet att anv�nda funktion, n�mligen att statusf�ltet ska ha texten Hej p� dig! som default, allts� om inget annat st�r s� ska det st� Hej p� dig!. Vill du testa och se hur det blir? Tryck h�r.
F�r det scriptet skriver du:

<SCRIPT LANGUAGE="JavaScript">
<!--

defaultStatus=("Hej p� dig!");

//-->
</SCRIPT>

Andra saker du kan g�ra �r som jag tidigare sa en l�nk som visar en text n�r man drar musen �ver l�nken och en text n�r man drar musen fr�n l�nken.
Nu m�ste vi ocks� blanda med de saker som vi l�rde oss i kapitel 9, n�mligen OnMouseOver (n�r musen dras �ver ett objekt) och OnMouseOut (n�r musen dras fr�n ett objekt).

L�t oss titta p� detta script:

<A HREF="hemsida.shtml"
OnMouseOver="window.status='Om du trycker p� bilden nu s� kommer du till denna sida'; return true"
OnMouseOut="window.status=''; return true"><IMG SRC="../../exempel.gif"></A>

Vad �r vad?
Jo allt det svarta �r vanlig HTML-kod, men det m�rkbl�a �r JavaScript. Texten OnMouseOver och OnMouseOut (kapitel 9) ber�ttar till webbl�saren att JavaScriptet som st�r inom citatet (") ska aktiveras d� musen dras �ver (OnMouseover) respektive fr�n (OnMouseout) l�nken.
V�rt script s�ger:

window.status='Om du trycker p� bilden nu s� kommer du till denna sida'; return true

Att jag inte har " utan ' beror p� att ett " (citat) skulle avsluta OnMouseOver, vilket skulle leda till att webbl�saren tror att OnMouseOver �r en attribut med v�rdet window.status=, vilket inte �r fallet. D�rf�r har jag '.

Semikolonet (;) separerar window.status och return true, vilket �r ett m�ste f�r att detta ska fungera (s�v�l semikolonet som return true:et).

OnMouseOut �r precis som OnMouseOver, f�rrutom att det som st�r i OnMouseOut �r det som h�nder d� musen dras fr�n l�nken och OnMouseOver �r det som h�nder d� musen dras �ver l�nken.

I OnMouseOut har jag skrivit window.status='', varf�r?
Varf�r har jag en tom attribut, �r inte det lite v�l on�digt?
Nej, det som h�nder �r att jag t�mmer statusf�ltet. Skulle detta inte finnas s� skulle ju statusf�ltet ha kvar texten Om du trycker p� bilden nu s� kommer du till denna sida, vilket skulle leda till att �ven n�r musen dras fr�n l�nken s� skulle texten finnas, och det �r ju inte s� bra att ha den texten p� hela sidan, vart nu musen befinner sig.

En annan sak man kan g�ra �r att ta hj�lp av en "timer" (kapitel 12) och g�ra att olika meddelanden kommer p� statusraden hela tiden. Se ett exempel h�r.
H�r ser du koden till scriptet:

<SCRIPT LANGUAGE="JavaScript">
<!--
a()

function a()
{
window.status=("Hej, v�lkommen till min hemsida.");
setTimeout ("b()", 4000);
}

function b()
{
window.status=("Har du kul nu n�r du v�ntar p� n�sta meddelande?");
setTimeout ("c()", 4000);
}

function c()
{
window.status=("Suck, fanns det inget vettigare meddelande h�r?");
setTimeout ("d()", 4000);
}

function d()
{
window.status=("OK, detta �r det sista inl�gget (sedan b�rjar det om fr�n b�rjan)");
setTimeout ("a()", 4000);
}

//-->
</SCRIPT>

N�ja, jag ska v�ldigt kortfattat ber�tta vad som �r vad:

a() = Startar funktionen a() (utan detta startar inte hela scriptet)
function a() = funktionen a()
window.status = Detta skriver p� statusraden
setTimeout ("d()", 4000); =
   [setTimeout] = timer
   [d()] = Vilken funktion timern ska starta
   [4000] = Antalet millisekunder (1000 millisekunder = 1 sekund) det ska ta f�r att starta funktionen.

Som du m�rker st�r inte Hej, v�lkommen till min hemsida. (= det f�rsta meddelandet) n�r man kommer till sidan.
Detta �r egentligen inte helt sant, faktum �r att sidan �r s� liten att s� fort texten dyker upp s� laddas sidan f�rdigt och texten Document: Done (eller en liknande text) dyker upp, s� det kommer upp, men det syns inte.

�nnu ett kapitel �r slut och du v�ntar p� ett nytt, eller?
N�ja, h�r finns n�sta kapitel.

L�R DIG SPR�KET JAVASCRIPT Statusf�ltet

L�R DIG SPR�KET JAVASCRIPT
Statusf�ltet