http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript


Une Popup qui entre dans la page en glissant

Cette fausse Popup apparaît en glissant sur la gauche de la page et repart toute seule ou fermée par le visiteur et revient 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- http://www.monjavascript.net/
var cheminImage = "monimage.gif"; //image
var lienpopup = "http://www.monjavascript.net";
monImage = new Image;
monImage.src = cheminImage;
var taillebg = monImage.width //largeur popup
var invtaillebg = (-taillebg)
taillebg = taillebg +5
var position_x = invtaillebg
var fermeture=0
var position_y = (screen.height-monImage.height-10)/2 //(hauteur ecran - hauteur image)/2

function ouvrir_menu()
{
if (fermeture==1) {window.clearTimeout(deactiv_pop);}
document.getElementById("menu_context").style.top = position_y;
document.getElementById("menu_context").style.left = position_x;

if (position_x < 10 ) {
position_x++;
activ_pop = setTimeout("ouvrir_menu()",10);
}
else {
deactiv_pop = setTimeout("fermer_menu()",10000);
}
}

function fermer_menu()
{
fermeture=1
window.clearTimeout(activ_pop);
document.getElementById("menu_context").style.top = position_y;
document.getElementById("menu_context").style.left = position_x;
if (position_x > invtaillebg-6 ) {

position_x=position_x-2;
deactiv_pop = setTimeout("fermer_menu()",5);
}
else {
activ_pop = setTimeout("ouvrir_menu()",20000)
}
}
window.onload = ouvrir_menu;
//-->
</script>

chemin et nom de votre image
Adresse du lien
Distance maxi du bord de la page

Vitesse de déplacement
Position de la popup par rappot à la gauche.
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- http://www.monjavascript.net/
document.write('<div id=menu_context style="z-index:500;position:absolute;width:'+taillebg+'px; border:0px solid #9D9DA1; cursor:default; visibility:visible;padding:3">');
document.write('<table width="100%" border="0" ><tr><td colspan="2" 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><td valign="top"><a href="#" onClick="ouvrir_menu()">P<br>U<br>B</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

 
 
Mon javascript    20-07-2018