Disclaimer DHTML - JavascriptUn disclaimer en JavaScript et CSS avec affichage en transparence par dessus votre site en DHTML qui se compose de 3 parties. Ce scipt est très utile si vous avez un site avec du contenu dit 'sensible' (violent, sexy ou pouvant heurter certaines personnes). 1 -> Code JavaScript dans un nouveau fichier "discaimer.js".
2 -> Une ligne de Code à insérer dans <head> et </head> sur vos pages.
3 -> Un bout de code CSS dans une feuille de style.
4 -> Rappel CSS pour les débutants
1- le code javascript : créez un fichier discaimer.js à la racine de votre site.// Disclaimer DHTML - Javascipt - Sexytools.be //
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=/;";
if(document.getElementById) document.getElementById("disclaimer").style.display='none'
top.location.href=location.href;
}
if(ScanCookie("disclaimerok")==0)
{
document.write("<div id=disclaimer><div id=disclaimer-fond></div><div id=disclaimer-conteneur>");
document.write("<div id=disclaimer-cadre>");
document.write("<b>ATTENTION: CONTENU SENSIBLE - VOTRE MESSAGE ALERTE</b>");
document.write("<br><br>Message sur le contenu du Site");
document.write("<br><br>Pour entrer CLIQUEZ SUR ENTRER");
document.write("<br><br>Pour quitter CLIQUEZ SUR SORTIR");
document.write("<br><br>");
document.write("<a href='#' onclick='Entrer(); return(false)'>ENTRER</a> <a href='http://www.google.com/'>Sortir</a>");
document.write("</div>");
document.write("</div></div>");
document.write('<style>embed,object,select,iframe { display:none; visibility:hidden }</style>');
}
2 - Élément à inclure dans votre page php / html entre <HEAD> et </HEAD><script type='text/javascript' language='javascript' src='disclaimer.js'></script>
3 - Code CSS a rajouter dans votre feuille de style, ou vous devez créer un fichier style.css !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; }
4 - Pensez a appeler la feuille de style dans votre page ! Et voila le tour et joué, vous avez sur votre site un avertissement si vous proposé du contenu dit 'sensible'. Un grand merci a Sexytools.be pour la source de ce script pratique.
|