Popup Javascript
Fermé
bryan26800
-
13 juil. 2012 à 14:10
epitech42 Messages postés 7 Date d'inscription vendredi 13 juillet 2012 Statut Membre Dernière intervention 13 juillet 2012 - 13 juil. 2012 à 16:56
epitech42 Messages postés 7 Date d'inscription vendredi 13 juillet 2012 Statut Membre Dernière intervention 13 juillet 2012 - 13 juil. 2012 à 16:56
A voir également:
- Popup Javascript
- Telecharger javascript - Télécharger - Langages
- Firefox autoriser popup - Guide
- Fake mcafee popup - Accueil - Piratage
- Real popup - Télécharger - Divers Réseau & Wi-Fi
- Popup cookies - Guide
14 réponses
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 16:37
13 juil. 2012 à 16:37
En fait ce que tu as n'est pas une popup à proprement parler, c'est ce que j'essayait de t'expliquer dans mon premier message.
Tu n'as qu'une seule fenêtre et tu affiche ton formulaire au dessus de ta page, ce n'est pas une nouvelle page qui s'ouvre. C'est juste un effet visuel.
Tu n'as qu'une seule fenêtre et tu affiche ton formulaire au dessus de ta page, ce n'est pas une nouvelle page qui s'ouvre. C'est juste un effet visuel.
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 14:51
13 juil. 2012 à 14:51
Bonjour,
tu trouveras quelques réponses ici : https://forum.alsacreations.com/topic-1-56326-1-Ouverture-dun-lien-dans-un-popup-dans-la-fenetre-mere-Resolu.html
tu trouveras quelques réponses ici : https://forum.alsacreations.com/topic-1-56326-1-Ouverture-dun-lien-dans-un-popup-dans-la-fenetre-mere-Resolu.html
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
Modifié par epitech42 le 13/07/2012 à 14:57
Modifié par epitech42 le 13/07/2012 à 14:57
merci ,
j'avais déja trouvé ce forum , MAIS je veux faire l'inverse de ce qui est proposé c'est a dire faire le chargement dans la popup et non dans la fenêtre "mére" !
voici le code de ma popup:
<div style="z-index: 99; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%" id="mail">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;">
<tr>
<td align="center">
<div style="width: 300px; height: 350px; border: 1px solid #000000; background: #DDA2A1">
<p>
<img src="close.png" align="right" alt="fermer" onclick="document.getElementById('popup').style.display = 'none'"><br /><br /><br />
<h1>Informations personnels</h1>
<font color="#DD0000">Afin de vous contacté les plus rapidement possible, <br />merci de remplire ce formulaire d'informations.<br /> </font>
<br />
<form method="post" action="envoi_mail.php" align="center">
<span class="form">Nom :</span><input type="text" name="nom" /><br />
<span class="form">Prénom :</span><input type="prenom" name="password" /><br />
<span class="form">Numéro :</span><input type="text" name="numero" /><br /><br />
<input type="submit" value="Valider" /><br /><br />
</form>
</p>
</div>
</td>
</tr>
</table>
</div>
j'avais déja trouvé ce forum , MAIS je veux faire l'inverse de ce qui est proposé c'est a dire faire le chargement dans la popup et non dans la fenêtre "mére" !
voici le code de ma popup:
<div style="z-index: 99; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%" id="mail">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;">
<tr>
<td align="center">
<div style="width: 300px; height: 350px; border: 1px solid #000000; background: #DDA2A1">
<p>
<img src="close.png" align="right" alt="fermer" onclick="document.getElementById('popup').style.display = 'none'"><br /><br /><br />
<h1>Informations personnels</h1>
<font color="#DD0000">Afin de vous contacté les plus rapidement possible, <br />merci de remplire ce formulaire d'informations.<br /> </font>
<br />
<form method="post" action="envoi_mail.php" align="center">
<span class="form">Nom :</span><input type="text" name="nom" /><br />
<span class="form">Prénom :</span><input type="prenom" name="password" /><br />
<span class="form">Numéro :</span><input type="text" name="numero" /><br /><br />
<input type="submit" value="Valider" /><br /><br />
</form>
</p>
</div>
</td>
</tr>
</table>
</div>
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 15:13
13 juil. 2012 à 15:13
OK, ton problème est qu'il s'agit d'une seule fenêtre. Tu n'as pas de notion de page mère ou fille et il faut raisonner en ce sens.
ton block div est juste affiché ou masqué en fonction de l'attribut display.
Pour le modifier lorsqu'il est affiché (ou ouvert si tu préfère), voici un petit code javascript qui devrait fonctionner :
ton block div est juste affiché ou masqué en fonction de l'attribut display.
Pour le modifier lorsqu'il est affiché (ou ouvert si tu préfère), voici un petit code javascript qui devrait fonctionner :
<script type='text/javascript'>
function changediv(){
document.getElementById("mail").innerHTML = "Hello <strong>world</strong>";
}
</script>Code à insérer dans ton head
<a href="#" onclick="javascript:changediv();">changer</a>lien pour modifier ta "popup"
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
Modifié par epitech42 le 13/07/2012 à 15:29
Modifié par epitech42 le 13/07/2012 à 15:29
Je dois avoué que je ne te suis pas vraiment la , voici ma fonction js
function popup_mail()
{
document.getElementById('mail').style.display = 'block';
}
elle ouvre le div que j'ai donné plus haut
function popup_mail()
{
document.getElementById('mail').style.display = 'block';
}
elle ouvre le div que j'ai donné plus haut
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 15:28
13 juil. 2012 à 15:28
Oui, et cette ligne changera le contenu du div (dans le cas présent ça affichera hello world)
document.getElementById("mail").innerHTML = "Hello <strong>world</strong>";
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
13 juil. 2012 à 15:43
13 juil. 2012 à 15:43
function popup_mail()
{
document.getElementById('mail').innerHTML = 'block';
}
Lorseque je fais cela ma popup n'apparait plus.
{
document.getElementById('mail').innerHTML = 'block';
}
Lorseque je fais cela ma popup n'apparait plus.
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 16:12
13 juil. 2012 à 16:12
J'ai l'impression que l'on a du mal a se comprendre par forum interposé ;)
ta fonction pour afficher ton div reste inchangée :
tu souhaites (si j'ai bien compris) modifier l'interieur de ton div. Ce que fait la ligne que je t'ai donné.
Essaye ce code pour tout faire en même temps :
ta fonction pour afficher ton div reste inchangée :
function popup_mail()
{
document.getElementById('mail').style.display = 'block';
}
tu souhaites (si j'ai bien compris) modifier l'interieur de ton div. Ce que fait la ligne que je t'ai donné.
Essaye ce code pour tout faire en même temps :
function popup_mail()
{
//Affichage de la popup
document.getElementById('mail').style.display = 'block';
//Modification du contenu de la popup
document.getElementById('mail').innerHTML = 'Hello <strong>world</strong>';
}
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
Modifié par epitech42 le 13/07/2012 à 16:18
Modifié par epitech42 le 13/07/2012 à 16:18
enfaite ce que je souhaite faire c'est que lorsque l'on clique sur un lien du type <a href "toto.php"></a> qui est dans ma popup , il souvre dans la popup et non dans la fenêtre principal .
Plus clairement , que tout les lien , les boutons, les redirection contenu dans ma popup souvre dans ma popup.
Je m'exprime peut être mal , désolé .
Plus clairement , que tout les lien , les boutons, les redirection contenu dans ma popup souvre dans ma popup.
Je m'exprime peut être mal , désolé .
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 16:30
13 juil. 2012 à 16:30
cette fois je crois que j'ai compris.
Il y aurait bien la solution iframe qui n'est pas très propre mais rapide à mettre en place :
Une solution plus propre serait de le faire via ajax http://www.javascriptfr.com
Il y aurait bien la solution iframe qui n'est pas très propre mais rapide à mettre en place :
function popup_mail()
{
//Affichage de la popup
document.getElementById('mail').style.display = 'block';
//Modification du contenu de la popup
document.getElementById('mail').innerHTML = '<iframe src="toto.php"></iframe>';
}
Une solution plus propre serait de le faire via ajax http://www.javascriptfr.com
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
13 juil. 2012 à 16:33
13 juil. 2012 à 16:33
Je vais esseyer les iframe parceque l'ajax c'est a gerbé ^^,
bref , je comprends pas qu'il existe pas un moyen de dire lorsqu'on ouvre une popup en javascript que sa devient la fenêtre principale et que tant qu'on la ferme pas tout dois se passer dedant !
bref , je comprends pas qu'il existe pas un moyen de dire lorsqu'on ouvre une popup en javascript que sa devient la fenêtre principale et que tant qu'on la ferme pas tout dois se passer dedant !
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
Modifié par epitech42 le 13/07/2012 à 16:40
Modifié par epitech42 le 13/07/2012 à 16:40
ahh ok faudrait qu je fasse une vrai popup dans une fenetre enfaite
fallait que jutilse windows.open ?
fallait que jutilse windows.open ?
julie-f
Messages postés
63
Date d'inscription
mardi 3 juillet 2012
Statut
Membre
Dernière intervention
31 août 2012
10
13 juil. 2012 à 16:46
13 juil. 2012 à 16:46
C'est ça... Et la plus de problème (normalement).
epitech42
Messages postés
7
Date d'inscription
vendredi 13 juillet 2012
Statut
Membre
Dernière intervention
13 juillet 2012
13 juil. 2012 à 16:56
13 juil. 2012 à 16:56
Bon ben je sais ce qui me reste a faire , merci !
