[HTML] Javascript

csgame · Senior Data inscrierii: 13/Sep/2007 Mesaje: 95

Javascript este un limbaj de programare simplu , de tip script, pentru definirea comportamentului elementelor dintr-o pagina Web. Nu este acelasi lucru cu mult mai complexul limbaj de programare Java.
Javascript poate specifica , in mod obisnuit in doar cateva randuri , raspunsurile la actiuni sau evenimente cum ar fi deschiderea unei pagini, deplasarea mouse-ului intr-un anumit punct sau stergerea unui anumit camp dintr-un formular.

Cea mai simplas aplicatie Javscript este aceea care determina apariria si derularea unui mesaj:

<html>
<head><script language="Javascript">

</script></head>
<body> O fereastra cu mesaj !!! </body>
</html>

vezi acest exemplu
Scriptul este incadrat de marcajele <script>...</script> si totul este inglobat intr-un comentariu astfel incat programele de navigare care nu interpreteaza Javascript nu sunt derutate de scriptul in sine.

Multe evenimente pot fi gestionate cu Javascript.

Eveniment Se desfasoara atunci cand Handler de eveniment
blur utilizatorul elimina controlul de intare de pe un element al unui formular onBlur
click utilizatorul executa un click pe un element al unui formular sau pe o legatura onClick
change utilizatorul modifica valoarea unui text zona de text sau element de selectie onChange
focus utilizatorul atribuie unui element de formular control de intrare onFocus
load utilizatorul incarca pagina in progarmul de navigare onLoad
mouseover utilizatorul deplaseaza indicatorul mouse-ului deasupra unei legaturi sau a unei ancore onMouseover
select utilizatorul selecteaza campul de intare al unui element de formular onSelect
submit utilizatorul oferă un formular onSubmit
unload utilizatorul abandoneaza pagina onUnload

In urmatorul exemplu folosim evenimentul click.

<form action="" method="get"> <input type="button" value="Apasa!" onClick="alert('Hello!')"> </form>

Acest exemplu citeste numele si il saluta.

Un alt exemplu care modifica colorit de fond a paginii.

In exemplul urmator modificam o imagine atunci cand cursorul este pozitionat pe aceasta.
Elementul cheie este acela ca exista doua versiuni alle fiecarei imagini: imaginea "on" (corespunzatoare cursorului pozitionat deasupra imaginii) si o fotografie "off" (corespunzatoare cursorului pozitionat in exteriorul imaginii).
Incercati acest exemplu.

Elementul esential in acest exemplu este modul in care se pun in corespondenta evenimentele de activare si dezactivare cu evenimentele specifice: OnMouseOver si OnMouseOut. Primul invoca procedura Javascript activate atunci cand mouse-ul este plasat deasupra imaginii, iar cel de-al al doilea comuta imaginea la situatia initiala atunci cand mouse-ul este in exteriorul acesteia.

Urmatoarele exemple sunt putin mai complicate.
Primul este un ceas digital.Al doilea un fisier cu meniuri popup.