Drop Zone City

  [ Accueil ] [ Retour à l'article ] [ Version PDF ]

Javascript pour vos URL(s)
http://www.drop-zone-city.com/article.php3?id_article=123

samedi 6 décembre 2003
Fabrice


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

  • ouverture dans la même fenêtre,
  • ouverture dans une nouvelle fenêtre.

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’ ) (http://www.drop-zone-city.com/IMG/doc-78.html)
HTML - 1.8 ko



[ Accueil ] [ Retour à l'article ] [ Version PDF ] [ Haut ]
 

Copyright © Drop Zone City 2002.