Table des matières
Niveau
..........
En rapport...

Indiquez à vos visiteurs l'ouverture d'une nouvelle fenêtre

Voici un script qui vous permettra d'indiquer à vos visiteurs que le lien sur lequel il vont cliquer ouvrira une nouvelle fenêtre de leur navigateur.

Le principe est très simple. Un javascript externe scannera votre page à la recherche de lien portant la class “lien_ext” leur ajoutera un title ainsi qu'un window.open.

Le javascript

javascript
function open_ext_link()
{
	var liens = document.getElementsByTagName('a');
	// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
	// Une boucle qui parcourt le tableau (array) liens du début à la fin.
	for (var i = 0 ; i < liens.length ; ++i)  {
		// Si les liens ont un nom de class égal à lien_ext, alors on agit.
		if (liens[i].className == 'lien_ext')  {
			liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
			// Au clique de la souris.
			liens[i].onclick = function()  {
				window.open(this.href);
				return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
			};
		}
	}
}
window.onload = open_ext_link;
// Au chargement de la page, on appelle la fonction.

Le Html

html4strict
<a href="http://www.wikistuce.info" class="lien_ext">lien externe</a>
<br />
<a href="http://www.wikistuce.info" class="lien_int">lien interne</a>
Vous pouvez modifier la class “lien_ext” en modifiant le cursor de la souris au survol du lien. Aller voir modifier_le_curseur_de_la_souris


Source

maniT4c 05/02/2006 14:13