Sujet Précédent Sujet Suivant

Popup javascript

Fermé
sammy111 Messages postés 354 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 25 mars 2013 - 11 janv. 2009 à 08:44
 Utilisateur anonyme - 7 mars 2009 à 12:09
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.
A voir également:

13 réponses

Réponse 1 / 13
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
11 janv. 2009 à 17:26
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
doic
20 févr. 2009 à 10:52
A quoi sert le "ejs_slidein.js" ??
0
Réponse 2 / 13
Lefouerrant Messages postés 567 Date d'inscription mercredi 19 décembre 2007 Statut Membre Dernière intervention 1 octobre 2009 116
11 janv. 2009 à 11:43
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
0
Réponse 3 / 13
sammy111 Messages postés 354 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 25 mars 2013 6
11 janv. 2009 à 14:50
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.
0
Réponse 4 / 13
Lefouerrant Messages postés 567 Date d'inscription mercredi 19 décembre 2007 Statut Membre Dernière intervention 1 octobre 2009 116
11 janv. 2009 à 17:17
tu sais me faire une capture d'écran ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 13
sammy111 Messages postés 354 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 25 mars 2013 6
12 janv. 2009 à 03:35
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 ?
0
Réponse 6 / 13
Lefouerrant Messages postés 567 Date d'inscription mercredi 19 décembre 2007 Statut Membre Dernière intervention 1 octobre 2009 116
27 févr. 2009 à 17:25
je vais plancher dessus...
0
Réponse 7 / 13
Utilisateur anonyme
27 févr. 2009 à 18:55
besoin d'aide ?
0
Réponse 8 / 13
sammy111 Messages postés 354 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 25 mars 2013 6
6 mars 2009 à 03:40
Ouiii :)
0
Réponse 9 / 13
CompaqPresario Messages postés 361 Date d'inscription mardi 8 août 2006 Statut Membre Dernière intervention 27 février 2011 46
6 mars 2009 à 04:15
Up
0
Réponse 10 / 13
Utilisateur anonyme
6 mars 2009 à 20:57
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 !
0
Réponse 11 / 13
sammy111 Messages postés 354 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 25 mars 2013 6
7 mars 2009 à 09:48
:) moi je suis au canada.. alors décalage horaire...:)
0
Réponse 12 / 13
lewis34 Messages postés 2557 Date d'inscription samedi 21 juillet 2007 Statut Membre Dernière intervention 30 mai 2015 352
7 mars 2009 à 09:55
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
0
Réponse 13 / 13
Utilisateur anonyme
7 mars 2009 à 12:09
moi j'en ai un si ça t'interesse
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
pc bloque
nico -
NICO -

33 réponses
Nodejs.exe est-ce un virus
Maverik1956 -
Malekal_morte- -

13 réponses
[Javascript] Tables de Multiplication
pigeonus -
hachim -

6 réponses