E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Javascript

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DEVELOPMENT  /  Javascript  /  Introducere in Javascript (13)

IV. Alert-uri

14.05.2008
IV. Alert-uri

Adaugarea unor mesaje de avertizare pentru utilizatori.

Total vizualizari: 3578 3578 afisari   |   Comentarii  0   |   Rating   |   (0 voturi)   |   Timp necesar: 15 min 15 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

Cu javascript puteti adauga pe pagina mesaje de avertizare pentru utilizatori. Sa incepem cu un mesaj de informare (alert). Comanda este urmatoarea:

alert('text')

Pentru a executa aceasta instructiune, ea trebuie inclusa in interiorul altei comenzi, cum ar fi de exemplu onMouseover. In scriptul urmator, un tag <a href ....>...</a> afiseaza un mesaj daca utilizatorul muta mouse-ul deasupra linkului:

<A HREF="#" onMouseover="alert('Pagina este in constructie!')"> 
Link spre o pagina oarecare!</A>

Iata cum actioneaza comenzile din acest script:
1. onMouseover=" " Ii spune browserului sa execute comanda sau functia din interiorul ghilimelelor atunci cand mouse-ul se afla deasupra linkului.

2. alert('Aceasta pagina este in constructie!') Browserul preia textul aflat intre apostrofuri (' ') si il afiseaza intr-o fereastra de avertizare. Puteti folosi javascript pentru a afisa mesaje inainte ca utilizatorii sa vada continutul propriu-zis al paginii. Trebuie doar sa plasati codul in sectiunea <HEAD> </HEAD>, folosind tag-urile SCRIPT prezentate in sectiunile anterioare:

<HEAD> 
<TITLE> Tutorial JavaScript, exemplul 1 </TITLE> 
<SCRIPT language="JavaScript"> 
<!-- cod ascuns de browserele vechi
alert('Bine ati venit pe site-ul nostru!'); 
//--> 
</SCRIPT> 
</HEAD>

Acest mesaj va fi afisat inainte ca pagina sa se incarce. Pentru a vedea in continuare continutul paginii, utilizatorul trebuie sa apese "OK". Codul functioneaza in modul urmator:

1.    <SCRIPT language="JavaScript">

Acest tag ii spune browserului ca folositi comenzi JavaScript.

2.    <!-- cod ascuns de  browserele vechi

Comentariul HTML va asigura ca browserele vechi nu vor afisa scriptul ca pe un text obisnuit.

3.    alert('Bine ati venit pe site-ul nostru!');

Puneti mesajul dvs. intre apostrofuri (' '). Comanda se termina cu punct si virgula (;) , prin care se separa de regula instructiunile JavaScript.

4.    //-->

Sfarsitul comentariului HTML ignorat de browserele vechi.

5.    </SCRIPT>

Inchide scriptul JavaScript. Puteti adauga mai multe mesaje de acest gen, separate prin punct si virgula in interiorul scriptului. Utilizatorul va trebui sa inchida fiecare din aceste mesaje pentru ca pagina sa fie incarcata.

<HEAD> 
<TITLE> Tutorial JavaScript, exemplul 2 </TITLE> 
<SCRIPT language="JavaScript"> 
<!-- 
alert('Bine ati venit pe site-ul nostru !'); 
alert('Trebuie sa va inregistrati pentru a avea acces la tutoriale!'); 
 //--> 
</SCRIPT> 
</HEAD>

Puteti folosi aceste mesaje de avertizare cu un buton, astfel incat ele sa nu mai fie o surpriza. Plasati codul acolo unde vreti ca butonul sa apara pe pagina. Pentru aceasta, nu mai aveti nevoie de tag-ul SCRIPT:

<FORM> 
<INPUT type="button" value="Apasati pentru a vedea mesajul" 
onClick="alert('Aici puteti scrie mesajul dvs.')"> 
</FORM>
Pagina:
1
comenteaza printeaza
Alte tutoriale Javascript:
Noteaza acest tutorial
Rating tutorial
 
(0 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4540
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4445
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4395
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4260
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4150
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Swift 3D XHTML SEO Lightroom Gimp Excel Java PSD PHP Fotografie COREL DRAW CSS Bridge SWF Python Outlook Flash Photoshop MySQL Action Script Word Illustrator JSON Dreamweaver Ruby on Rails Fireworks Javascript Sony Vegas Verilog Vista AJAX Powerpoint RoR StyleSheet HTML XML
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software