Popup Javascript

bryan26800 -
epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention - 13 juil. 2012 à 16:56

Bonjour,

Je réalise actuellement un site internet qui pour une entreprise .

Une des fonctionnalité qui doit faire partie du site est la possibilité de pouvoir demander a "être contacter" via un formulaire .

Mon soucis est ici : Le formulaire est dans une fenêtre Javascript et lorsque que le client clique sur le bouton envoyer la popup se ferme et le lien ce charge dans la "page mére".

Je voudrais savoir s'il est possible de faire le chargement de la page(du lien ) dans la popup ?

Merci d'avance pour vos réponses

Afficher la suite

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é

14 réponses

Réponse 1 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

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.

Réponse 2 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

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

Réponse 3 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

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>

Réponse 4 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

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 :

<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

Réponse 5 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

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

Réponse 6 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

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>";

Réponse 7 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

function popup_mail()
{
document.getElementById('mail').innerHTML = 'block';
}

Lorseque je fais cela ma popup n'apparait plus.

Réponse 8 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

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 :

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>';
}

Réponse 9 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

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é .

Réponse 10 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

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 :

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

Réponse 11 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

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 !

Réponse 12 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

ahh ok faudrait qu je fasse une vrai popup dans une fenetre enfaite

fallait que jutilse windows.open ?

Réponse 13 / 14

julie-f Messages postés 63 Date d'inscription Statut Membre Dernière intervention 10

C'est ça... Et la plus de problème (normalement).

Réponse 14 / 14

epitech42 Messages postés 7 Date d'inscription Statut Membre Dernière intervention

Bon ben je sais ce qui me reste a faire , merci !

Discussions similaires

java script error in the main process

Javascript Arrondi à 2 chiffres après la virgule

javascript:void(0);

Faire un echo dans un script JS

a javascript error occurred in the main process

Votre réponse

Discussions similaires