: Home / HTML / CSS / kurs HTML / Skrypty JS

Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/html-css/kurs-html/25-js-w-html.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
Skrypty JS
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
piątek, 18 września 2009 02:44

JavaScript jest językiem skryptowym działającym po stronie przeglądarki. Nie jest to to samo, co Java. JavaScript i Java to dwie zupełnie inne technlogie (mimo drobnych podobieństw - głównie w nazwie).

Oczywiście nie możesz traktować tej lekcji jako szczegółówego kursu JS. Postaram się jednak pokazać ci jak wykorzystać proste efekty js na twojej stronie.

Zdarzenia JavaScript

Dzięki zdarzeniom możemy reagować na zachownie internauty. Np. na kliknięcie:

<p onclick="alert('kliknąłeś mnie')">Kliknij mnie</p>

przykład: kliknij mnie

Oto lista zdarzeń JS:

nazwa dla elementów zachodzi dla zdarzenia
onabort image Anulowanie pobrania grafiki przez użytkownika
onblur okna oraz wszystkie elementy formularza Usunięcie focus() [aktywności]
onchange text, textarea, select Zmiana wartości
onclick dowolny znacznik Reakcja na kliknięcie na dowolny znacznik
ondblclick dowolny znacznik Reakcja na podwójne kliknięcie na dowolny znacznik
ondragdrop okna Przecięgnięcie obiektu poza okno
onerror image, okna Ładowanie powoduje błędy
onfocus okna oraz wszystkie elementy formularza Uaktywnienie elementu
onkeydown document, image, a, textarea Wciśniecię (i przytrzymanie wciśniętego) klawisza na klawiaturze
onkeypress document, image, a, textarea Wciśnięcie (krótkotrwałe) klawisza na klawiaturze
onkeyup document, image, a, textarea Puszczenie klawisza
onload ciało dokumentu Załadowanie strony
onmousedown document, przycisk, linki Wciśnięcie (i przytrzymanie wciśniętego) klawisza myszy
onmouseout wszystko Zjechanie kursora myszy po za dany obszar
onmouseover wszystko Najechanie kursorem myszy nad dany obszar
onmouseup wszystko Puszczenie klawisza myszy
onmove okno Poruszenie oknem
onreset formularz Wyczyszczenie formularza przyciskiem reset
onresize okno Zmiana rozmiaru okna
onselect text, textarea Na wybranie danego elementu
onsubmit formularz Na zatwierdzenie formularza
onunload ciało dokumentu Wyjście ze strony

Wpisując w google "js events" znajdziesz wiele stron poświęconych temu zagadnieniu. Często z wieloma przykładami.

CzyToJestPoprawne?

Z pewnością natchniesz się wreszcie na dwie noptacje zdarzeń: camel case (notacja "wielbłądzia") oraz całośc pisana małymi literami (choć i tu są wyjątki w przypadku zdarzeń ze skrótem DOM w nazwie).

Obie wersje moga być poprawne. Wszystko zależy czy umieszczasz skrypt w HTML czy XHTML. Ja polecam jednak używać wyłącznie małych liter. Wtedy nazwy powyższych zdarzeń będą poprawne zarówno w HTML i XHTML.

Tags:
 

Dodaj komentarz


Kod antysapmowy
Odśwież