Popup javascript
sammy111
Messages postés
356
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
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.
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:
- Popup javascript
- Fake mcafee popup - Accueil - Piratage
- Telecharger javascript - Télécharger - Langages
- Firefox autoriser popup - Guide
- Real popup - Télécharger - Divers Réseau & Wi-Fi
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
13 réponses
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>
<!--*************************************************************************-->
doic
A quoi sert le "ejs_slidein.js" ??
essaye ce code dans la popup :
dans <head></head> :
</script></code>
dans body :
voila
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
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ?
et est-ce que il est possible de le modifier pour y faire notre style ou mettre le contenu quon veux ?
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 !
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
et bien sur modifier slide deballe et slide_remballe
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
