/* Lien interne ou externe au site ?

Vous vous demandez comment différencier les liens externes des liens internes alors, et bien une simple affection de class via class="lien_ext" se chargera de cette distinction. Le script JavaScript s'occupe du reste, c'est à dire d'affecter un comportement différent à ces liens. Il affichera également une infobulle spécifique au survol de ces liens pour spécifier qu'ils s'ouvrent dans une nouvelle fenêtre. Voyons donc à quoi ressemble ce script.
 */

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.

/* Tutoriel par Raphael (Eleveur de kiwiz, Strasbourg)
Mis à jour le 01 Juillet 2009. 23741 lectures.
Tags : accessibilité, target, ouverture, clic */