[Tut][JS]Uczymy się JavaScript (document.write, alert, zdarzenia)

[bnmbb]

Witam. W dzisiejszym kursie/tutorialu nauczę was podstaw Java Scriptu (Dżawa Skript).

Pierwszą ważną rzeczą jaką trzeba powiedzieć to to ,że JavaScript jest językiem działającym po stronie klienta.

Co za tym idzie - nie potrzeba serwera by tworzyć coś w JS (Od JavaScript).

 

Czas zacząć !

Stwórzmy sobie plik np. kursjs.html

Na start napiszmy sobie :

 

 

Po uruchomieniu pliku w przeglądarce wyświetli nam się nic innego jak :

Witaj świecie !

 

No ,ale to niestety nie jest nic super . Chciałbym/ałabym by wyświetlił nam się tekst HTML po kliknięciu innego tekstu.

 

Na szczęście WSZYSTKIE tagi HTML posiadają specjalne zdarzenia. Poniżej jest ich spis :

Zdarzenia myszki :

onclick - kliknięcie

ondblclick - podwójne kliknięcie

onmousedown - występuje gdy myszka jest nad elementem i klikniemy przycisk

onmousemove - Ruch myszy jeśli kursor jest nad elementem

onmouseover - Występuje gdy myszka jest nad elementem

onmouseout - Występuje gdy myszka opuści element po najechaniu go

onmouseup - występuje gdy myszka jest nad elementem i puścimy przycisk myszy

 

Zdarzenia klawiatury i przeglądarki :

onkeydown - Występuje gdy klikniemy klawisz

onkeypress - Występuje gdy klikniemy/przytrzymamy klawisz

onkeyup - Występuje gdy puścimy klawisz myszy

onabort - Występuje gdy element nie zostanie załadowany

onerror - Występuje gdy na stronie są błędy

onload - Występuje gdy WSZYSTKIE elementy na stronie zostaną załądowane

onresize - Występuje gdy zmieni nam się rozmiar okna

onscroll - Występuje gdy pokazuje nam scrool'a przeglądarki

onunload - Nie za bardzo potrafię wyjaśnić :/

 

Zdarzenia formularzy :

onblur - Nie za bardzo potrafię wyjaśnić

onchange - Występuje gdy coś się zmieniło

onfocus - Nie za bardzo potrafię wyjaśnić

onreset - Występuje gdy wyczyścimy wszystkie pola formularza

onselect - Występuje jeśli użytkownik zaznaczy trochę tekstu w input lub textarea

onsubmit - Występuje gdy formularz zostanie wysłany

~Źródło - http://www.w3schools...m_obj_event.asp

Nie musicie się uczyć wszystkich - wystarczy ,że zapamiętacie te podkreślone

 

 

Jak sprawić by na kliknięcie linku napisało nam tekst ?

Znając zdarzenie OnClick można to zrobić. Załóżmy ,że wykonamy to na a :

 

<a OnClick="document.write('A to tekst na kliknięcie ');">Jakiś tekst </a>

 

Jak widać po kliknięciu tekstu wyświetliło nam się :

 

A to tekst na kliknięcie

 

 

Ja nie będę się strasznie dużo rozpisywał na temat zdarzeń więc idziemy dalej

Kolejną rzeczą będzie funkcja alert();

 

Jak działa ,alert ?

Alert wyświetla nam okienko informacyjne tylko z jednym przyciskiem - Ok

Kolejność zdarzeń dla ,alertu jest mniej więcej taka :

Zastopuj wczytywanie -> Pokaż alert -> Jeśli kliknięto OK kontynuuj wczytywanie.

 

Sprawdźmy to za pomocą tego kodu :

 

 

Jak widzimy po wejściu na stronę wyświetliło nam się okienko z tekstem :

To jest tekst jaki się wyświetli

 

Inne nazwy ,które tworzą okna podobne do ,alert :

 

 

Innymi oknami JavaScript mogą być (Okna te będą omawiane w dalszej części )

confirm("Jakiś tekst"); - Mamy do wyboru Ok lub Anuluj. Ok zwraca true ,a Anuluj false

prompt("Jakis tekst", "Jakaś wartość"); - Mamy tekst informacyjny z inputem

 

Więcej Okienek nie pamiętam

 

 

To na tyle w pierwszej części

 

Jeśli macie jakieś pytania lub uwagi to piszcie

[Divers02]

Dzięki, na pewno się przyda. Akurat zaczynam przygodę z js'em

[Gość tolvat]

A ja mam takie pytanie, czy nie powinno się tego czytać "Jawa Skript"?

[bnmbb]

Jeśli nie chce ci się dbać specjalnie o wymowę to tak się mówi. Ja na przykład mówię JS lub dżawa zależy kiedy mi wygodniej.

[Syrians]

Dżawa skript jest poprawną formą wymowy, co do poradnika, to spodobało mi się to, że wypisałeś te zdarzenia i ich działanie.