EliteHackers
SALUT 2022!! NE-AM MUTAT PE DISCORD ! Vrei să inviți un prieten? [T]eoria [H]aosului [C]ontrolat - https://discord.com/invite/U4HBCHzm7r Acesta aste link-ul oficial al acestui server.
Lista Forumurilor Pe Tematici
EliteHackers | Reguli | Inregistrare | Login

POZE ELITEHACKERS

Nu sunteti logat.
Nou pe simpatie:
monaahmed2012 pe Simpatie.ro
Femeie
25 ani
Calarasi
cauta Barbat
25 - 48 ani
EliteHackers / Web Design / [HTML] Javascript Moderat de Ad_Infinitum, AntiKiler, Puscas_marin, codebreacker13, r3v
Autor
Mesaj Pagini: 1
Ad_Infinitum
Moderator

Inregistrat: acum 18 ani
Postari: 84
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">
<!--
alert (" Apasati OK ! ")
-->
</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 transmite 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 culoarea 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 imagine "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.


_______________________________________
Vizitati pentru mai multe tutoriale )

pus acum 18 ani
   
PC_Killer
EliteHackers Gold

Inregistrat: acum 18 ani
Postari: 43
Bun tutorial 

pus acum 18 ani
   
Pagini: 1  

Mergi la