Disclaimer DHTML + Redirect
Un disclaimer utilisant JavaScript avec affichage par dessus votre site en DHTML. Cette variante inclus un redirect vers l’URL de votre choix.
Introduction
Ce script se compose de trois parties:
- un code JavaScript à placer dans un fichier;
- une balises à inclure entre <head> et </head> sur chacune de vos pages
- un code CSS à insérer dans votre feuille de style
Le code JavaScript
Copiez et collez le code JavaScript suivant dans un fichier nommé disclaimer.js que vous
placerez à la racine web de votre site (dans le même répertoire que votre index):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | // Disclaimer DHTML // Copyright SexyTools.be 2008 function ScanCookie(variable) { cook=document.cookie; variable+="="; place=cook.indexOf(variable,0); if(place<=-1) return("0"); else { end=cook.indexOf(";",place) if(end<=-1) return(unescape(cook.substring(place+variable.length,cook.length))); else return(unescape(cook.substring(place+variable.length,end))); } } function Entrer() { document.cookie="disclaimerok=oui;path=/;"; setTimeout("Entrer2()",3000); } function Entrer2() { top.location.href='http://www.example.com'; } if(ScanCookie("disclaimerok")==0) { document.write(" <div id="disclaimer"> <div id="disclaimer-conteneur">"); document.write(" <div id="disclaimer-cadre">"); document.write("<strong>ATTENTION: CONTENU STRICTEMENT RESERVE AUX ADULTES</strong>"); document.write(" Le contenu de ce site ne conviens pas à un public mineur. Les photos, vidéos, et textes pornographiques disponibles ici peuvent choquer certaines sensibilités. En entrant, vous déclarez prendre vos responsabilités vis-à-vis de ce contenu."); document.write(" Pour entrer sur ce site CLIQUEZ SUR ENTRER"); document.write(" SI VOUS ETES MINEUR (- 18 ans), cliquez sur Sortir pour quitter ce site."); document.write(" "); document.write("<a onclick="Entrer();" href="#" target="_blank">ENTRER</a> <a href="http://www.google.com/">Sortir</a>"); document.write("</div> "); document.write("</div> </div> "); document.write('<!-- embed,object,select,iframe { display:none; visibility:hidden } -->'); } |
N’oubliez pas de remplacer http://www.example.com par l’URL de votre choix pour le redirect.
Balise à inclure
Vous devez ajouter la balise ci-dessous sur chacune des pages où vous souhaitez faire apparaitre le
disclaimer, entre <head> et </head>:
1 | <script src="disclaimer.js" type="text/javascript"><!--mce:0--></script> |
Code CSS
Il vous faut à présent ajouter le code suivant dans votre feuille de style:
1 2 3 4 5 6 7 | div#disclaimer{ text-align:left; } div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; } div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; } div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; } div#disclaimer-cadre b{ font-size:14px; color:black; } div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; } div#disclaimer-cadre a:hover{ color:blue; } |
Explications
A chaque session sur votre site, le disclaimer DHTML couvrira le site, le laissant entrevoir en
légère transparence.
Le lien ‘Entrer’ provoque l’ouverture du site dans une nouvelle fenêtre, et la page actuelle sera remplacée par l’URL de votre choix au bout de 3 secondes.
Le lien ‘Sortir’ renvoie sur google.com
Vous pouvez bien entendu modifier le comportement du script, l’URL de sortie, l’URL de redirect, et l’apparence du disclaimer DHTML.
Quels sont mes droits avec ce script?
Vous pouvez utiliser ce scripts gratuitement, mais vous devez respecter les règles énoncées
dans la partie « Scripts utiles » des conditions d’utilisation.
Par exemple, vous pouvez l’utiliser, le modifier, et le diffuser gratuitement, mais il est
formellement interdit de vendre une partie ou la totalité de ce code.
Vous êtes également tenu de placer en commentaire de votre code source (en
partie visible côté client) la mention d’origine du script (SexyTools.be)
SOURCE DU SCRIPT : http://www.sexytools.be/scripts-gratuits/disclaimer-dhtml-redirect/

2 commentaires
Bouterige Guillaume dit:
27 avr 2010
Bonjour. Tres bon exemple d’utilisation d’un disclamer mais je ne comprend pas comment faire pour ceci apparaisse dans la page web…
J’y ai bien mis le lien vers le js et vers le css mais je ne vois pas comment cela marche.
Si vous pouviez m’aider, ce serait bien.
Cordialement Guillaume
admin dit:
28 avr 2010
Bonsoir Guillaume.
Merci pour ton intervention, j’avais glissé une erreur de code sur la balise à inclure qui affiche le Disclaimer.
C’est corrigé
@ bientôt