Une
Popup Qui N'En Est Pas Une
Cette
fausse
Popup apparaît au centre de la page et disparaît toute seule
ou fermée par le visiteur
et s'ouvre à nouveau au bout d'un temps donné.
La
taille de la Popup s'adapte automatiquement à votre image.
Testé avec IE Netscape7 Firefox
Insérez
le code ci-dessous dans l'entête de votre page (entre
les balises<head> ... </head>) et
corrigez le comme suit :
<script language="JavaScript">
<!--
//PLF- /
var cheminImage = "image/monimage.gif";
//image
var lienpopup = "/";
monImage = new Image;
monImage.src = cheminImage;
var taillebg = monImage.width //largeur popup
var position_x = (screen.width-monImage.width)/2 //(largeur
ecran - largeur image)/2
var position_y = (screen.height-monImage.height-10)/2 //(hauteur
ecran - hauteur image)/2
function ouvrir_menu()
{
document.getElementById("menu_context").style.top = position_y;
document.getElementById("menu_context").style.left = position_x;
document.getElementById("menu_context").style.visibility = "visible";
deactiv_pop = setTimeout("fermer_menu()",30000)
}function fermer_menu()
{
document.getElementById("menu_context").style.visibility = "hidden";
activ_pop = setTimeout("ouvrir_menu()",30000)
}
window.onload = ouvrir_menu;
//--> </script> |
chemin et nom
de votre image
Adresse du lien
Position de la popup par rappot
coin gauche-haut, ici au milieu de l'écran.
Temps avant la fermeture auto de
la popup (La ligne peut être supprimée)
Temps avant la ré-ouverture de
la popup (La ligne peut être
supprimée)
|
Insérez
le code ci-dessus dans votre page Web entre les balises <BODY> et </BODY>. Juste
avant </BODY>
<script language="JavaScript">
<!--
//PLF- /
document.write('<div id=menu_context style="z-index:500;position:absolute;width:'+taillebg+'px;
border:0px solid #9D9DA1; cursor:default; visibility:hidden;padding:3">');
document.write('<table width="100%" border="0" ><tr><td
align="right" bgcolor="#000099"><a
href="#" onClick="fermer_menu()"><font
color="#FF0000" face="Verdana" size="3">X</font></a></td></tr>');
document.write('<tr><td align="left"><a
href="'+lienpopup+'" target="_blank"><img
src="'+cheminImage+'" border=0 align="top"></a></td></tr></table>');
//-->
</script> |
Ce site vous a plu ?
Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur
votre site