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)

XII. Link-uri si ferestre noi in JavaScript

14.05.2008
XII. Link-uri si ferestre noi in JavaScript

Aceasta sectiune se refera la folosirea tag-ului link pentru javascript in loc de butoane. Vom incepe cu cea mai simpla versiune, si anume accesarea functiilor javascript din interiorul atributului HREF al tag-ului .

Total vizualizari: 5199 5199 afisari   |   Comentarii  0   |   Rating   |   (2 voturi)   |   Timp necesar: 20 min 20 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

Aceasta sectiune se refera la folosirea tag-ului link pentru javascript in loc de butoane. Vom incepe cu cea mai simpla versiune, si anume accesarea functiilor javascript din interiorul atributului HREF al tag-ului <a>. Deci, daca vreti sa aveti un link catre o alta pagina, in mod normal scrieti:

<A HREF="paginaurm.htm">Link</A>

Puteti apela o functie javascript scriind link-ul in felul urmator:

<A HREF="javascript:nume_functie()">Click aici</A>

Acum puteti deschide o fereastra noua folosind un link text in locul unui buton. Iata un exemplu de functie care deschide un pop-up:

<HEAD> 
<SCRIPT language="JavaScript"> 
<!-- 
function fereastranoua() 
{ 
window.open('pag.htm','java','width=300,
height=200,resizable=yes'); 
} 
//--> 
</SCRIPT>
</HEAD>

Scriptul de mai sus va deschide o pagina oarecare denumita "pag.htm" intr-o fereastra noua. Inlocuiti aceasta denumire cu url-ul paginii pe care vreti sa o deschideti si setati celelalte atribute dupa cum doriti.

In sectiunea body, scrieti codul urmator unde doriti sa apara link-ul:

<A HREF="javascript:fereastranoua()">Click aici!</A>

Incercati sa testati codul intr-un browser. Pagina va afisa urmatorul link: Click aici!

Daca doriti ca in locul unui link text sa utilizati o imagine, puteti include tag-ul <IMG ...> in interiorul tag-ului <a ..>, modificat ca in exemplul anterior:

<A HREF="javascript:fereastranoua()">
        <IMG SRC="nume_imagine.jpg" border="0"></A>

Cea de-a doua metoda de a deschide o fereastra folosing un tag <a...> este ceva mai dificila, desi ea este preferata de multi programatori. Aceasta metoda foloseste atributul onClick=" " pentru a apela functia javascript, ceea ce inseamna ca browserul trebuie impiedicat sa urmeze linkul specificat in atributul HREF. Iata un exemplu:

<A HREF="pagina_noua.htm" 
        onClick=" fereastranoua();return false">Click aici!</A>

Scriptul este asemanator cu cel din exemplul anterior, functia fereastranoua() fiind definita in sectiunea HEAD. Ca observatie, apelul functiei este urmat de caracterul punct si virgula (;) si de instructiunea "return false". Am folosit "return false" pentru ca browserul sa nu urmeze linkul "pagina_noua.htm" specificat prin atributul HREF. Bineinteles, acest link a devenit acum inutil si poate fi inlocuit cu orice valoare, putand fi eventual utilizat ca o alternativa pentru browserele vechi care nu recunosc comanda onClick= "". Ca si in exemplul de mai sus, in locul textului "Click aici!" puteti folosi o imagine.

Acest capitol incheie cursul "Introducere in Javascript". Pentru a invata lucruri noi despre acest limbaj, puteti citi celelalte tutoriale din categoria Javascript.

Pagina:
1
comenteaza printeaza
Alte tutoriale Javascript:
Noteaza acest tutorial
Rating tutorial
 
(2 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
5030
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4985
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4830
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4805
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4605
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Vista CSS Lightroom Swift 3D Gimp StyleSheet XHTML Flash AJAX COREL DRAW RoR MySQL Python Word Fireworks SEO Java PHP Bridge Dreamweaver PSD Outlook Fotografie Javascript HTML Photoshop Powerpoint Verilog SWF Ruby on Rails Excel Action Script XML Illustrator Sony Vegas JSON
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