Popup sur clic d'un bouton

**minie** · 18/04/2007, 11h41

à tous je fais un stage et j'ai problème j'ai fait un formulaire et lorsque je clic sur le bouton envoyer je doit créer une pop up qui lui attibut un numéro et qui lui confirme que le mail a bien été envoyé mais je n'y arrive pas!!
Vous pouvez m'aider svp

Merci!!!!

**jmulans** · 18/04/2007, 11h47

tu n'arrive pas a quoi ?
a creer le popup ? a attribuer un numero ? ou alors a confirmer l'envoi du mail ?

**viviboss** · 18/04/2007, 16h53

Une petite source de ce que tu as fait actuellement ne serait pas de trop.....

On pourrait te corriger.

Note : en javascript, tu aurais une méthode OnClick associé à une fonction en tête de ta page....

**minie** · 19/04/2007, 10h35

voila mon code!!! je ve mettre une pop up sur mon bouton envoyer et mettre du texte dans ma mpop up

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
		<P class=txt align=center><FONT class=Titre>Soumettre un ticket </FONT></P>
		<tr>
  			<td colspan="2" >
    				<p class="justify">&nbsp;</p>
  			</td>
		</tr>
		<tr vAlign=center>
			<td class=txtform width="90%" align="center">
				<dd><font size="2"><p >Pour toute question veuillez soumettre un ticket.</p></font></dd>
			</td>
		</tr>
 
		<TR vAlign=center>
          		<TD>
           			<dd><TABLE  cellSpacing=0 cellPadding=0 width="90%" bgColor=#ffffcc border=0>
              				<TBODY>
	              				<TR>
                					<TD width=400>&nbsp;&nbsp;
 
							    <dd><table class="txtform">
								<tr>
									<td width="40%">
										<b>*Avez-vous un compte jedeclare.com ?: </b></td><td>oui<input type="radio" name="genre" value="oui">non<input type="radio" name="genre" value="non" />
									</td>
								</tr>
								<TR>
								</TR>
								<tr>
									<TD>
										<b>*Vous êtes :</b>
									</TD>
									<TD COLSPAN=2 >
			 							Expert-comptable<input type="radio" name="genre" value="Expert-comptable"/>OGA<input type="radio" name="genre" value="OGA" />une Entreprise<input type="radio" name="genre" value="Entreprise" />
 									</TD>
								</TR>
								<tr>
  									<td colspan="2" >
    										<p class="justify">&nbsp;</p>
 									</td>
								</tr>
									<TD>
										<b>*Raison sociale :</b> <input type="text" name="from" value="">
									</td>
								<tr>
  									<td colspan="2" >
    										<p class="justify">&nbsp;</p>
  									</td>
								</tr>
								<tr>
									<td>
										<BIG>Civilit&eacute; :</BIG>
									</td>
								</tr>
								<tr>
									<td> 
										<dd>*Nom : <input type="text" name="from" value=""></dd>
									</td>
									<td>
										<dd>*Pr&eacute;nom : <input type="text" name="from" value=""></dd>
									</td>
								</tr>
								<tr>
  									<td colspan="2" >
    										<p class="justify">&nbsp;</p>
  									</td>
								</tr>
								<tr>
									<td>
										<BIG>Coordonn&eacute;es : </BIG>
									</td>
								</tr>
								<tr>
									<td COLSPAN=2>
										<dd> *E-mail : <input type="text" name="mail" value=""
										onfocus='if (this.value=="e-mail") this.value=""' size="17"></dd>
									</TD>
								</TR>
								<TR>
									<TD>
										<DD>T&eacute;l&eacute;phone: <input type="text" name="from" value=""></DD>
									</TD>
								<tr>
  									<td colspan="2" >
    										<p class="justify">&nbsp;</p>
  									</td>
								</tr>
									<td COLSPAN= 3>
										<DD>Adresse : <input type="text" name="from" value=""></DD>
										Ville : <input type="text" name="from" value="">
										Code postal : <input type="text" name="from" value="">
									</td>
								</tr>
								<tr>
  									<td colspan="2" >
    										<p class="justify">&nbsp;</p>
  									</td>
								</tr>
								<TR>
									<TD>			
										<BIG>Message :</BIG>
									</TD>
								</TR>
								<TR>
									<TD colspan="2">
										<DD>Votre message concerne : <select name="message concern&eacute;"><option value="Autres">Autres<option value="Support technique">Support technique<option value="commercial">commercial<option value="Tarif">Tarif</select></p></DD>
								</TR>
								<TR>
									<TD>
										<DD>Niveau de priorit&eacute; : <select name="niveau priorite"><option value="normal">normal<option value="urgent">urgent</select></p></DD>
									</TD>
								</TR>
								<tr>
									<td COLSPAN=3>
										<p>*Message : Sujet: <input type="text" name="from" value="">
									</TD>
								</TR>
								<TR>
									<td COLSPAN=3>
										<textarea name="message" rows="24" cols="80"></textarea></dd></p> 
									</td>
								</TR>
								<tr>
 									 <td colspan="2" >
   										 <p class="justify">&nbsp;</p>
  									 </td>
								</tr>
								<tr>
									<td>
										<form action="mailto:magali.mathieu@experian.fr?subject= message concerne" method=post enctype="text/plain">
 
											<input type="submit" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='Envoyer'" onclick="window.open('HTML','TRUC','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=40, height=60');>
										</form>
									</td>
									<td align="MIDDLE">
										<P><SMALL>* champs obligatoires</SMALL></P>
									</td>
								</tr>
							</table></dd>
						    </td>
						</tr>
					     </tbody>
					</table></dd>
				</td>
			</tr>

merci d'avance

**viviboss** · 19/04/2007, 11h40

Cette partie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="submit" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='Envoyer'" onclick="window.open('HTML','TRUC','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=40, height=60');>

serait déjà mieux comme ca (forme plus propre) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="submit" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='Envoyer';window.open('HTML','TRUC','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=40, height=60');">

Mais je pense que tu aurais intérêt à mettre la partie "window.open" dans une fonction Javascript spécifique, que tu appelerais ensuite en cliquant sur le bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<script language="javascript" type="text/javascript">
function popup(){
window.open('HTML','TRUC','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=40, height=60');
}
</script>

Tu mets ca en tête de ta page, et ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="submit" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='Envoyer';popup();">

Tu appels ta fonction en l'intégrant à ton bouton

Voilà, y a peut être quelques modifs à faire, mais cela "devrait" marcher....

Bonne chance !!!

**minie** · 19/04/2007, 12h14

Merci c gentil, mais g kan même un problème

g une pop up qui s'ouvre mais pa la bonne (du genre ce formulaire va être envoyer par couriel et patatti et patata) je pense que c'est à cause du mailto mais même quand je l'enlève ca fait rien du tout!!!!

:

**Oluha** · 19/04/2007, 14h13

pense bien que le mailto va t'ouvrir un client de messagerie et ne va pas envoyer le mail directement. Y a-t-il un véritable interet à ouvrir cette popup en même temps ?

Sinon pense à utiliser les balises [code ][/code ] la prochaine fois

**viviboss** · 19/04/2007, 17h24

Effectivement, le mail to en action ouvre un client de messagerie.... Tu devrait peut-être faire une petite page en PHP qui traite les données du formulaire et les envoi par mails....

Recherche dans google, tu devrais avoir facilement des scripts qui te permettent de faire ce que tu veux.

En effet, c'est pas le tout de vouloir ouvrir une Popup, il faut aussi la remplir. Tu as plusieurs solutions : document.Write dans la fonction que je t'ai donné, pour "écrire" dans la Popup, ou ouvrir un page existante que tu as déjà préparé dans la popup (c'est l'un des paramètres de windows.open)

La solution Document.write n'est pas très propre, donc je te conseil de préparer une page que tu ouvriras âr cette méthode....

Mais le mieux, en tout cas c'est ce que je ferais, c'est de faire un script PHP, ou d'en trouver un....

En effet, la plupart des navigateurs en ce moment bloquent les popup, donc tu n'as aucune garantie que ta popup sera vu !!!

**minie** · 19/04/2007, 17h30

Merci, en fait ca ne doit pas envoyer un mail ca sera géré par un moteur de workflow mais c'était juste pour essayer et je c que les popup sont souvent bloqué c'est pour ca que je dois faire en plus un mail qui leur envoie une confirmation

En tout cas merci beaucoup de répondre à mes questions

**attila771** · 26/04/2007, 10h03

Bonjour j'aurais besoin d'un petit renseignement
Comment on fait pour envoyer des donnée au popup...
je voudrais que quand la personne appuie sur Previsualiser un popup s'ouvre et des donnée sont envoyer pour qu'elle puisse être afficher dans le popup
actuellement

<A HREF="./test.html" TARGET=popup onclick="window.open('','popup','width=625,height=600,left=0,top=10,scrollbars=1')" class="NOIR">Prévisualiser</a>

Peut on mettre des données dans le lien?
merci d'avance cordialement

**attila771** · 26/04/2007, 11h29

désolé j'ai trouver :s désolé du derangement

pour ceux que sa interesse

<? $page='./previsualiser.php?id='.$id_article;?>
<A TARGET=popup onclick="window.open('<?echo $page;?>','popup','width=625,height=600,left=0,top=10,scrollbars=1')" class="NOIR">Prévisualiser</a>

et on recupere dans previsualiser.php avec $_GET["id"];

Juste une petite aide quand même comment on fait pour que le bouton pour agrandir la fenetre soit acceccible?

**bustaja** · 26/04/2007, 13h47

Envoyé par attila771

désolé j'ai trouver :s désolé du derangement

pour ceux que sa interesse

et on recupere dans previsualiser.php avec $_GET["id"];

Juste une petite aide quand même comment on fait pour que le bouton pour agrandir la fenetre soit acceccible?

Ajoute ça dans les attributs de ta pop up:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

resizable=yes

**attila771** · 26/04/2007, 15h29

MErci ça marche super bien
sinon ma methode ne marche que si la variable contient un element si c'est un tableau sa ne marche pas et je ne sais pas comment faire je vais quand même pas mettre plein de variable....

**bustaja** · 27/04/2007, 08h46

Envoyé par attila771

MErci ça marche super bien
sinon ma methode ne marche que si la variable contient un element si c'est un tableau sa ne marche pas et je ne sais pas comment faire je vais quand même pas mettre plein de variable....

Je pense pas que tu puisses passer un tableau en variable. Faut absolument que tu passes par une base de données quand tu as beaucoup d'éléments à passer, c'est mieux. Ou alors utilise un fichier.

**attila771** · 27/04/2007, 08h50

toute mes information sont dans une base de données c'est juste que j'ai un menu ou l'utilisateur coche ce qu'il veut voir apparaitre, je passe les identifiant dans le lien et apres quand je recupere dans le popup j'utilise la base de données

**bustaja** · 27/04/2007, 09h01

Envoyé par attila771

toute mes information sont dans une base de données c'est juste que j'ai un menu ou l'utilisateur coche ce qu'il veut voir apparaitre, je passe les identifiant dans le lien et apres quand je recupere dans le popup j'utilise la base de données

Ah ok...

Euh alors je crois que t'as pas trop le choix :

http://cyberzoide.developpez.com/php4/url/#ptab

ou

http://cyberzoide.developpez.com/php4/url/#ptaba