l2doc4

Lekcja 2. Document Object Model & Window
Model

Nasz przykład skorzystał z pięciu różnych zdarzeń, na które reagował dość
prosty sposób:



Dla onload,onblur, onfocus oraz onscroll pokazywał na stronie komentarz do zdarzenia. Dla
onbeforeunload oraz onhelp wyświetlał najprostsze okno dialogowe z przyciskiem OK. Tak
jak poprzednio zdefiniowaliśmy elementy za pomocą <div
id"nazwa_elementu"> a następnie reagując na zdarzenie chowaliśmy poprzedni
komentarz ukazując aktualny:

<div id="onloadtext"
style="display='none'">No nareszcie jeste?!!!
<b>(onload)</b></div><br>

<div id="onfocustext" style="display='none'">No nareszcie
jeste?!!! <b>(onfocus)</b></div><br>

<div id="onblurtext" style="display='none'">Co? Znów wychodzisz
??? <b>(onblur)</b></div><br>

<div id="onscrolltext" style="display='none'">Jestem naprawdę
długa mam 1345334linijki! <b>(onscroll)</b></div><br>

<div id="onloadtext" style="display='none'"><p>Witaj na
nowo załadowanej stronie!<b>(onload)</b></div>

 

Oczywiście jak łatwo zauważyć skorzystaliśmy tutaj z normalnego HTML pogrubiając
część komentarza <b>...</b>.

Przejdźmy jednak do analizy kodu:

<script language="VBScript">

Sub HideAll()

document.all("onloadtext").style.display="none"

document.all("onblurtext").style.display="none"

document.all("onfocustext").style.display="none"

document.all("onscrolltext").style.display="none"



End Sub

</script>

Ta funkcja po prostu ukrywa nam wszystkie komentarze strony a następnie:

<script language="VBScript" for="window"
event="onload">

        HideAll()

        document.all("onloadtext").style.display=""

</script>



<script language="VBScript" for="window"
event="onfocus">

       HideAll()

       document.all("onfocustext").style.display=""

</script>

<script language="VBScript" for="window"
event="onblur">

       HideAll()

       document.all("onblurtext").style.display=""

</script>

<script language="VBScript" for="window"
event="onscroll">

       HideAll()

       document.all("onscrolltext").style.display=""

</script>

Jak widzisz wszystkie funkcje wyglądają tak samo: ukrywają wszystkie elementy, a
następnie reagują pokazując tylko jeden będący komentrzem do zdarzenia, które
zaszło. Następne dwa skrypty wyglądają trochę inaczej:

<script language="VBScript" for="window"
event="onhelp">

       HideAll()

       alert("POMOCY??Chyba żartujesz!")

</script>

<script language="VBScript" for="window"
event="onbeforeunload">

       HideAll()

       alert("Do zobaczenia!")

</script>

Funkcja alert("tekst") pozwala nam wyświetlić dowolnej długości komentarz
wraz z przyciskiem OK. Oczywiście możemy też tworzyć bardziej skomplikowane okna o
czym za chwilę. Teraz przyjrzymy się po kolei właściwościom jakie oferuje nam obiekt window.

zanotowane.pl

doc.pisz.pl

pdf.pisz.pl

teen-mushing.xlx.pl