Popup javascript [Fermé]

Signaler
Messages postés
354
Date d'inscription
vendredi 24 août 2007
Statut
Membre
Dernière intervention
25 mars 2013
-
 Utilisateur anonyme -
Bonjour,
j'aurais une petite question .. je cherche un script pour faire un popup en javascript ou ajax
mes qui est en bas a droite de la page web et qu'il glice vers le haut avec un bouton X pour le fermer

( souvent il y a ses genre de popop lah pour des site de rencontre

exemple : telle personne veux vous parler )

jai regarder sur google et jai trouer les site jejavascript.com mais rien d'interessan ..

et jai fouillez sur dautre site mes rien trouver
alors c'Est pour sa que je vien vous voir ..

alors si vous connaissez des liens merci de m'en faire part.

Merci d'avance pour vos réponses.

13 réponses

Messages postés
2557
Date d'inscription
samedi 21 juillet 2007
Statut
Membre
Dernière intervention
30 mai 2015
351
essaye ca ca marche
entre <head> et </<head>
<script type="text/javascript" src="ejs_slidein.js"></script>

</script>

dans <body>
<script type="text/javascript" language="javascript">
if(!document.all && document.getElementById)
         ejs_hauteur = window.innerHeight-400;
 else
         ejs_hauteur = document.body.clientHeight-400;
 
 document.write('<style type="text/css">\n');
 document.write('#ejs_slide_box ');
 document.write('	{');
 document.write('	position:absolute;');
 document.write('	z-index:800;');
 document.write('	-moz-border-radius: 20px;');
 /*document.write('	width:590x;');
 document.write('	height:1000px;');*/
 document.write('	top:'+ejs_hauteur+'px;');
 document.write('	left:-500px;');
/* document.write('	background-color:#ffffff;');
 document.write('	border-color:#000000;');
 document.write('	border-width:3px;');
 document.write('	border-style:solid;');*/
 
 document.write('	}\n');
 
 document.write('#ejs_slide_bouton ');
 document.write('	{');
 document.write('	position:absolute;');
 document.write('        color:#ffffff;');
 document.write('	-moz-border-radius: 20px;');
 document.write('	top:10px;');
 document.write('	left:500px;');
 document.write('	background-color:#000000;');
 document.write('	font-family:arial;');
 document.write('	font-weight:bold;');
 document.write('	font-size:15px;');
 document.write('	}\n');
 
 document.write('#ejs_slide_image ');
 document.write('	{');
 document.write('	position:relative;');
 document.write('	-moz-border-radius: 20px;');
 document.write('	top:7px;');
 document.write('	left:-10px;');
 document.write('	}\n');
 document.write('.ejs_slide_blanc\n');
 document.write('	{\n');
 document.write('	color:#ffffff;');
 document.write('	font-family:arial;');
 document.write('	font-weight:bold;');
 document.write('	font-size:15px;');
 document.write('	text-decoration:none;');
 document.write('	}');
 document.write('</style>');
 var slide_tempo;
 slide_url_image = 'le chemin de ton image';
 slide_url_click = 'le lien de redirection';
 slide_x = -480;
 slide_ismoving = false;
 slide_first = true;
 function slide_start()
 	{
 	if(slide_x == -480 && !slide_ismoving)
 		slide_deballe();
 	else if(!slide_ismoving)
 		slide_remballe();
 	}
 
 function slide_deballe()
 	{
 	slide_ismoving = true;
 	if(slide_x < 10)
 		{
 		slide_x += 5;
 		slide_move();
 		setTimeout("slide_deballe()", 10);
 		}
 	else
 		{
 		slide_ismoving = false;
 		if(slide_first)
 			slide_tempo = setTimeout("slide_start()", 5000);
 		slide_first = false;
 		}	
 	}
 
 function slide_remballe()
 	{
 	clearTimeout(slide_tempo);
 	slide_ismoving = true;
 	if(slide_x > -480)
 		{
 		slide_x -= 5;
 		slide_move();
 		setTimeout("slide_remballe()", 30);
 		}
 	else
 		slide_ismoving = false;
 	}
 
 function slide_move()
 	{
 	if(document.getElementById)
 		{
 		document.getElementById("ejs_slide_box").style.left=slide_x+'px';
 		}
 	}
 
 function slide_close()
 	{
 	if(document.getElementById)
 		{
 		document.getElementById("ejs_slide_box").innerHTML = '';
 		document.getElementById("ejs_slide_box").style.top = -100;
 		document.getElementById("ejs_slide_box").style.left = -100;
 		document.getElementById("ejs_slide_box").style.width = 1;
 		document.getElementById("ejs_slide_box").style.height = 1;
 		}
 	}
 
 window.onload = slide_start;
 
 document.write('<div id="ejs_slide_box">');
 document.write('<div id="ejs_slide_image">');
 document.write('<a href="'+slide_url_click+'" target="_blank"><img src="'+slide_url_image+'" border="0" alt="" /></a>');
 document.write('</div>');
 document.write('<div id="ejs_slide_bouton"><a href="#" onclick="slide_start();this.blur();return(false)" class="ejs_slide_blanc">><br /><</a><br /><a href="#" onclick="slide_close();return(false)" class="ejs_slide_blanc">x</a></div>');
 document.write('</div>');
 </script>

<!--*************************************************************************-->

1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

A quoi sert le "ejs_slidein.js" ??
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
112
essaye ce code dans la popup :

dans <head></head> :

<script>
var largeur=500; //La largeur de la fenêtre
var hauteur=50; //La hauteur de la fenetre
resizeTo(largeur,hauteur);
moveTo(screen.width-largeur,screen.height-hauteur);
var nb=0;
setInterval('moveTo(screen.width-largeur,screen.height-(hauteur + nb++))',<code>1
);
</script></code>

dans body :
<div onclick="window.close()">X</div>


voila
Messages postés
354
Date d'inscription
vendredi 24 août 2007
Statut
Membre
Dernière intervention
25 mars 2013
6
Désoler ce nes pas vraiment ce que je recherche. moi ce que je recherche c'Est plutot le style de popup qui ouvre en bas de l'écran comme "msn" mais avec le contenu quon aura choisi.
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
112
tu sais me faire une capture d'écran ?
Messages postés
354
Date d'inscription
vendredi 24 août 2007
Statut
Membre
Dernière intervention
25 mars 2013
6
Comment je peux faire pour le mettre vers le bas autrement dit je veux qui ouvre en bas a droite de ma page comme ( msn lorsque quelqu'un se connecte )

et est-ce que il est possible de le modifier pour y faire notre style ou mettre le contenu quon veux ?
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
112
je vais plancher dessus...

besoin d'aide ?
Messages postés
354
Date d'inscription
vendredi 24 août 2007
Statut
Membre
Dernière intervention
25 mars 2013
6
Ouiii :)
Messages postés
361
Date d'inscription
mardi 8 août 2006
Statut
Membre
Dernière intervention
27 février 2011
46
Up

si tu as besoin de mon aide il faut m'écrire en privé car je ne sais pas quand est-ce que tu est dans le forum, et en plus tu as vu l'heure à laquelle tu écris !
Messages postés
354
Date d'inscription
vendredi 24 août 2007
Statut
Membre
Dernière intervention
25 mars 2013
6
:) moi je suis au canada.. alors décalage horaire...:)
Messages postés
2557
Date d'inscription
samedi 21 juillet 2007
Statut
Membre
Dernière intervention
30 mai 2015
351
hello,
le ejs_slidein.js correspond en fait au script complet de l'animation donc si il est deja dans la page pas la peine de mettre cette ligne
<script type="text/javascript" src="ejs_slidein.js"></script>

Ces cript je l'ai mis sur un site client qui est conçu avec joomla et c'etait tellement le bazar pour le faire fonctionner avec ce cms que je l'ai mis en dur daans la page.

Pour afficher la div horizontalement j'ai pas tester mais en modifiant le css du div ca devrait le faire
c'est ces lignes la
document.write('#ejs_slide_box ');
 document.write('	{');
 document.write('	position:absolute;');
 document.write('	z-index:800;');
 document.write('	-moz-border-radius: 20px;');
 /*document.write('	width:590x;');
 document.write('	height:1000px;');*/
 document.write('	top:'+ejs_hauteur+'px;');
 document.write('	left:-500px;');
/* document.write('	background-color:#ffffff;');
 document.write('	border-color:#000000;');
 document.write('	border-width:3px;');
 document.write('	border-style:solid;');*/
 
 document.write('	}\n');


et bien sur modifier slide deballe et slide_remballe

moi j'en ai un si ça t'interesse