Drop Zone City
www.drop-zone-city.com

Accueil > Base Documentaire > Internet > Conception de site Web

Javascript pour vos URL(s)

15427 lecture(s)

Publié le :
samedi 6 décembre 2003

Par Fabrice

Format imprimable
Format PDF

Proposer à l’utilisateur de votre site de gérer lui-même le comportement des URL(s) externes 1  :

Voir la démonstration

Script TARGET LINKS

Code JavaScript à rajouter entre les balises <head> et </head>. N’oubliez pas de modifier la variable site2 .

<script language="JavaScript"><!--

 var site = 'http://www.votre-site.com' ;

 function targetLinks(){
   var str;
   var where;

   if(document.FORMtarget.targetbox.checked){
     where="_blank";
   }
   else{
     where="_self";
   }

   for(var i=0;i<=(document.links.length-1);i++){

     str=document.links[i].href;
     if((str.search(site)==-1)&&((str.search('http://')!=-1)
          ||(str.search('www.')!=-1)
          ||(str.search('ftp://')!=-1))){

          document.links[i].target=where;
     }
   }
 }
//--></script>


Formulaire à ajouter dans vos pages HTML

<form name="FORMtarget">
 <input checked type="checkbox"
        name="targetbox"
        id="tcheck"
        onClick="targetLinks();">

 <label for="tcheck" style="">
 Ouvrir les liens externes dans une nouvelle fen&ecirc;tre
 </label>
</form>

(JPEG) Remarque : Si vous souhaitez un comportement par défaut où les liens s’ouvrent dans la fenêtre en cours alors vous devez supprimer l’attribut ’checked’ de la balise <input checked type="checkbox">


Rajouter le comportement par défaut des liens

Modifier votre balise <body> pour permettre la prise en compte du comportement par défaut au chargement de la page.

<BODY onLoad="targetLinks();">



[1] Fonctionnalité et code Javascript inspirés par
les sites Globo.com :: Zoom et Les coups de langue de la grande rousse.

[2] Si votre site est accessible par les 2 URL http://www.votre-site.com et http://votre-site.com, vous pouvez utiliser var site = ’votre-site.com’ pour garantir le bon fonctionnement du script dans tous les cas.


Documents liés

Démo (Scrip ’TargetLinks’ )
HTML - 1.8 ko


Tracback(s)

Pour faire un trackback :
http://www.drop-zone-city.com/spip_tb.php?id_article=123


Dans la même rubrique

Autres articles :

Sous-Rubriques

Citation du Jour

« Si vous trouvez que l’éducation coûte cher, essayez l’ignorance. »
Erma Louise Fiste Bombeck

Toutes les citations

Newsletter du site

^ Haut

Accueil | Kiosque | Plan du site | Contact | Newsletter du site | Syndication | Derniers sites web ajoutés

Edition | CV : formateur, consultant

Mentions légales - Copyright © Drop Zone City 2004.

Site développé avec SPIP, un logiciel libre écrit en PHP sous licence GNU/GPL.




W3C Link Checker | Conformité W3C CSS2 / XHTML 1.0 (Trans.)

Pub : consultant, formateur et concepteur Web à Montpellier | FormeOLibre.com