Kurs 10: Lär dig språket JavaScript - Aktivering av funktioner när man går till/lämnar sidan

JavaScript.nu / JavaScript-kurs / OnLoad, OnBlur, OnUnLoad och close()

LÄR DIG SPRÅKET JAVASCRIPT
OnLoad, OnBlur, OnUnLoad och close()

Du har ju lärt dig hur man ska aktivera funktioner och hur man ska skriva dem, men inte hur ett script laddas så fort man kommer till sidan eller när man lämnar sidan.

Innan du börjar detta kapitel ska jag informera dig om att det är otroligt störande för en besökare att få en massa nya fönster öppnade så fort man kommer till en sida eller när man avlägsnas från en sida (gör inte felet som många nybörjare gör som tror att "om man lämnar min sida får man skylla sig själv, då får man se mina sponsorers länkar (eller något liknande)").

Alla ska förr eller senare lämna din sida, så var trevlig mot besökarna, det är ju faktiskt de som gör så att din "räknare börjar rulla". ;)

Till JavaScriptdelen...
Även här har jag gjort en tabell så att du ska få lite översikt på det hela:

Man skriver detta i BODY: Det aktiveras...
onUnLoad="alert('hej')"

Så fort någon lämnar sidan.

onLoad="alert('hej')"

Så fort någon kommer till sidan.

onBlur="alert('hej')"

Då sidan inte är den sida som är den "valda sidan" (kort sagt: sidan som är högst upp på skrivbordet).

Och precis som förut...
Du kan naturligtvis byta alert('Hej!') mot t.ex. en_funktion() (lägg märke till att en länk (<A HREF="...">) måste skriva "JavaScript:en_funktion()" för att aktivera ett script medan du nu bara behöver skriva "en_funktion()").

Vill du ha exempel på hur en BODY-tagg kan se ut?

<BODY TEXT="#ff0000" BGCOLOR="blue"
onLoad="alert('Detta ser besökaren när han kommer till sidan')"
onUnLoad="detta_script_aktiveras_nar_han_lamnar_sidan(); confirm('Hej då! (Detta ser han då han lämnar sidan)')">

Vad är vad?
När besökaren kommer till sidan (onLoad) säger en alert-ruta "Detta ser besökaren när han kommer till sidan". När han lämnar sidan (onUnLoad) så aktiveras scriptet detta_script_aktiveras_nar_han_lamnar_sidan() och precis efter det (när scriptet är färdigt) öppnas ett confirmfönster som säger "Hej då! (Detta ser han då han lämnar sidan)" (visst är det korkat med ett confirmfönster, men jag vill bara visa att det går). Om du vill se sidan, tryck här.
Observera att det är ett semikolon (;) mellan scriptet som aktiveras och confirmrutan, det är för att jag har flera "saker" (script) som ska hända då man lämnar sidan.

Nu antar jag att du också vill testa onBlur, vilket du också ska få göra genom ett litet tryck här.

Jag utfärdar dock en varning:
Just detta script som jag har gjort här kan du titta på problemfritt, men om du t.ex. skriver såhär..:

<BODY TEXT="#ff0000" BGCOLOR="blue" onBlur="alert('Text, text, text...')">

...Så kan det leda till stora problem, t.ex. att så fort man tryckt på OK så kommer "Text, text, text..." upp igen, och man kan inget göra...
Explorer är dock aningen "säkrare" för sådan här händelser än Netscape, som gärna gör en lite irrierad när man inte får stopp på meddelandena. Mitt script är gjort så att så fort man trycker på OK så stängs fönstret, så detta script är säkert, både för Netscape och Explorer.
Scriptet är hur som helst skrivet såhär:

<SCRIPT LANGUAGE="JavaScript">
<!--
function stanga()
{
if (confirm("Du har glömt att stänga detta fönster, vill du stänga fönstret?"))
    {
    window.parent.close()
    }
}
//-->
</SCRIPT>


Såhär är BODY-taggen:
<BODY onBlur="stanga()">

window.parent.close() har du inte lärt dig än, men det är hur som helst ett kommando som stänger fönstret.

Så var åter en sida slut, dock inte hela kursen, fortsätt till nästa sida nu för att avsluta kursen (nästan).

LÄR DIG SPRÅKET JAVASCRIPT OnLoad, OnBlur, OnUnLoad och close()

LÄR DIG SPRÅKET JAVASCRIPT
OnLoad, OnBlur, OnUnLoad och close()