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()