|
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.
|
2980 afisari |
20 min
|
Incepator
