|
WiΩkszo╢µ webmajstr≤w zna podstawowe zagadnienia JavaScriptu, ale np. pocz▒tkuj▒cy
nic o tym nie wiedz▒. I ten text bΩdzie w g│≤wnej mierze dla nich
przeznaczony, chocia┐ i Ci bardziej do╢wiadczeni znajd▒ tu "pere│ki",
o kt≤rych nie wiedzieli, a kt≤re mog▒ im siΩ przydaµ.
Zacznijmy od moim zdaniem najbardziej przydatnego mini-skryptu:
onFocus="blur()" - mo┐na go stosowaµ do wszystkich tag≤w
tzw. aktywnych, czyli hiper│▒czy i p≤l formularza. A na czym polega? DziΩki
nie mu nie widaµ wkurzaj▒cego obramowania wok≤│ linku, lub przycisku w
formularzu.
przyk│ad: <a onFocus="blur()" href="przyk│ad.html">
Przyk│ad
I co? Znika to g│upie kropkowane obramowanie na aktywnym linku!!! Niestety jest
to zdarzenie Gates-lubne, czyli nie dzia│a po Netscape`m.
onMouseOver i onMouseOut,czyli rollover`y - przydatne przy
graficznym menu, wpisuje siΩ je do tagu "a", czyli linku. Obrazkowi
trzeba nadaµ nazwΩ "name" np. "name=obrazek1"
przyk│ad: <a href="przyk│ad.html" onMouseOut="obrazek1.src='rysunek1.jpg'"
onMouseOver="obrazek1.src='rysunek2.jpg'"><img src="rysunek1.jpg"
name="obrazek1" border="0"></a>
Oczywi╢cie musicie stworzyµ sobie dwa rysunki (wci╢niΩty i odci╢niΩty) i
podstawiµ je pod nazwy rysunek1.jpg i rysunek2.jpg .
PamiΩtajcie, ze na jednej stronie nie bΩdzie mo┐na wprowadziµ dwa razy pod
polecenie "name" tych samych nazw, to znaczy, ┐e nastΩpny przycisk
nie bedzie mia│ "name=obrazek1" ale "name=obrazek2" i to
samo w onMouseOver i Out (tam z ko±c≤wk▒ .src).
~~~~~~~~~~~~~~~~~~~~~~~~~~
onLoad="parent.location.href='strona.html'" - powoduje
automatyczne przej╢cie do innej strony, zdefiniowanej jako 'strona.html'. U┐ywane
w tagu 'body'.
Mo┐na tak┐e zdefiniowaµ czas po jakim ma nast▒piµ to przej╢cie.
przyk│ad: <body onLoad="parent.location.href='strona.html'">
lub
<body onLoad="setTimeout('parent.location.href='strona.html'','5000')">
Pierwszy przyk│ad dotyczy przej╢cia natychmiastowego, a drugi przej╢cia po
okre╢lonym czasie (w milisekundach, czyli w tysiΩcznych czΩ╢ciach sekundy).
W tym przypadku liczba 5000 oznacza, ┐e przej╢cie nast▒pi po 5 sekundach.
~~~~~~~~~~~~~~~~~~~~~~~~~~
Inne przydatne zdarzenia:
onClick - po klikniΩciu na obiekt (stosowane do: <a>, <button>,
<input>, <img>, <form>)
onFocus - po wybraniu danego pola, np. formularza (stosowane do: <input>,
<button>, <select>, <a>, <form>,
<textarea>)
onBlur - po odznaczeniu pola formularza (stosowane do: <input>,
<select>, <form>, <textarea>)
onSelect - po wybraniu zawarto╢ci pola formularza (stosowane do: <input>,
<select>, <form>, <textarea>)
onChange - zmiana zawarto╢ci danego pola formularza (stosowane do: <input>,
<select>, <form>)
onMouseOver - gdy kursor myszy znajduje siΩ nad elementem (stosowane do:
<a>, <img>, <layer>)
onMouseOut - gdy kursor myszy nie znajduje siΩ nad elementem(stosowane
do: j.w.)
onMouseDown - gdy przycisk myszy jest trzymany przyci╢niΩty nad
obiektem (stosowane do: j.w.)
onMouseUp - gdy przycisk myszy zostanie zwolniony, odwrotnie ni┐ Down
(stosowane do: j.w.)
onSubmit - przy wysy│aniu danych z formularza (stosowane do: <form>)
onLoad - przy │adowaniu strony (stosowane do: <body>)
onUnload - przy opuszczaniu strony (stosowane do: <body>)
onError - przy b│Ωdzie (stosowane do: <img>, <body>)
onAbort - przy przerywaniu │adowania strony (stosowane do: <img>,
<body>)
~~~~~~~~~~~~~~~~~~~~~~~~~~
To na razie tylko tyle.
Mam nadzieje, ┐e c.d.n.
Kub@
sendor13@poczta.onet.pl
http://www.statki.w.pl
http;//www.d--s--j.prv.pl
|
|
