|
|
Cu ajutorul JavaScript se pot crea link-uri mai "destepte", adica sa primim mesaje de avertizare, care sa duca la o pagina sau la alta in functie de anumite conditii si altele. Exemplul urmator este un exemplu de link "destept" dar si un bun exercitiu de lucru cu functii. Pentru a putea sa controlezi un link cu JavaScript trebuie sa folosim o metoda de marcare a link-ului respectiv. Cel mai uzual este sa folosim un Id si apoi, in JavaScript, sa folosim document.getElementById(""). Sa presupunem ca dorim sa controlam un link din urmatoarea pagina:
<html>
<head> <title> exemplu </title>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h1> Exemplu link destept </h1>
<h2 align="center">
<a href="index.html" id="redirect">Link smart JavaScript</a>
</h2>
</body>
</html>
Link-ului destept i-am atasat un ID, putand astfel sa-l folosim in fisierul JavaScript. Vom incerca sa controlam accesul la pagina spre care face link-ul trimitere. Codul din fisierul script.Js:
/* Dupa ce se incarca pagina se trimite la funtia functieI pe care o vom defini mai jos in script */
window.onload = functieI;
/* cauta in document elementul care are id-ul redirect, actiunea este onclick (cand se face click pe elementul respectiv) si trimite la functia controlClick */
function functieI() {
document.getElementById("redirect").onclick = controlClick;
}
/* nu ne lasa sa mergem mai departe. Daca puneam return true ne lasa sa trecem la pagina la care trimite link-ul */
function controlClick() {
alert("Link controlat!! Atentie!!");
return false;
}
Exemplu cu return false si return true.
Daca dorim ca utilizatorii care au JavaScript activat sa ajunga pe o pagina si cei care-l au dezactivat pe alta pagina ar trebui implementat urmatorul cod:
window.onload = functieI;
function functieI() {
document.getElementById("redirect").onclick = controlClick;
}
function controlClick() {
window.location = "paginajs.html";
return false;
}
In cazul in care se doreste primirea unui mesaj de avertizare atunci cand se face click pe un link care nu duce la o pagina de pe domeniul vostru, se va folosi urmatorul cod:
Fisier HTML:
<html>
<head> <title> exemplu </title>
<script type="text/javascript" src="script.js"></script>
</head>
<body><h1> Exemplu link destept </h1>
<h2 align="center">
<a href="www.google.com" id="redirect">Link smart JavaScript</a>
</h2>
</body>
</html>
Fisierul JavaScript:
window.onload = functieI;
function functieI() {
document.getElementById("redirect").onclick = controlClick;
}
function controlClick() {
if(this.toString().indexOf("etutoriale") < 0) {
alert("Nu suntem responsabili de continutul acestui site.
Aceasta pagina este in afara domeniului nostru!!");
}
}