Popup qui ne s'ouvre pas sur Firefox

Version imprimable

Bonsoir,

Voilà j'exécute un formulaire sur une page php avec bouton "submit" qui va faire une verification des champs demandé, si les champs sont bien rentré une fenetre popup s'ouvre avec un affichage qui n'est pas important.

Ma fenêtre s'ouvre nickel sur IE mais pas sur Firefox ce que je ne comprends pas...

voilà ma fonction javascript

Code:

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
 
<script language="javascript">
function verif(){
 
	if(!document.form.newsprod.value){
 
		document.form.finalerror.value = "L'actu produit est obligatoire";
		return false;
 
 
	}else if(!document.form.coupons.value){
 
		document.form.finalerror.value = "Le coupon promotionnel est obligatoire";
		return false;
 
	}else if(!document.form.slcCat1.value || !document.form.slcCat2.value)	{
 
		document.form.finalerror.value = "Les produits de la carte sont obligatoire";
		return false;
 
 
	}else if(document.form.slcCat1.value && !document.form.slcProd.value){
 
		document.form.finalerror.value = "Les produits de la carte sont obligatoire";
		return false;
 
	}else if(document.form.slcCat2.value && !document.form.slcProd2.value){
 
		document.form.finalerror.value = "Les produits de la carte sont obligatoire";
		return false;
 
	}else{
 
		document.form.finalerror.value = "";
		window.open ('newsletter_popup.php'+'?actu='+document.form.newsprod.value+'&coup='+document.form.coupons.value+'&p1='+document.form.slcProd.value+'&p2='+document.form.slcProd2.value+'&resto='+document.form.resto.value, 'popup_1', config='height=800, width=600, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=no, directories=no, status=no');
		return true;
	}
}
</script>

et l'appel sur mon bouton de la fonction verif()

Code:

1
2
 
<input type="button" onClick="verif();" name="sub" value="Visualiser">

un truc tout con quoi mais je comprend vraiment pas ce qui se passe !!

HELP ME !!!

02/03/2009, 18h40
E.Bzz

Bonjour,
et avec une syntaxe un peu plus actuelle ?

Code:

document.forms['form'].elements['newsprod'].value

par exemple :?

Sans connaitre le code HTML correspondant, c'est tout ce que je peux te proposer :aie:

A+
03/03/2009, 09h49
SpaceFrog

ça me parait curieux cette ouverture de popup avant le return true ?
il serait interessant de voir le code html de la balise form ...

y'a quoi dans l'action ?

et dans le onsubmit ?

Salut dsl pour le retard...

Voilà mon formulaire

Code:

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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
 
<form name="form" method="post" action="newslettersindex.php">
    <tr>
       <td align='left' width='20%'>Contenu disponible</td>
    </tr>
    <tr><td>&nbsp;</td></tr>
    <tr id='ligne_tabl'>
	   <td align="left" width='20%'>Actus Produits <font color=red>*</font></td>
	   <td align="left" width='20%'>
       		<select name="newsprod" >
            <option value="">Actus</option>
			   <?
                    $requete="select * from actus where id_cat='2'";
                    $resultat=mysql_query($requete, $link);
 
                    while($actus=mysql_fetch_object($resultat))
                    {
               ?>
 
               			<option value="<?php echo $actus->id_news; ?>" ><?php echo $actus->titreNews; ?></option>
               <?
			   		}
				?>
       		</select>       </td>
        <td align="left" width="60%">&nbsp;       </td>
   </tr>
   <tr id='ligne_tabl'>
	   <td align="left" width='20%'>Coupons Promotionnels <font color=red>*</font></td>
	   <td align="left" width='20%'>
       <?
	   				$requete="select * from coup where id_restoOrig='9'";
                    $resultat=mysql_query($requete, $link);
 
	   ?>
       		<select name="coupons">
            <option value="">Coupons</option>
			   <?
                    while($coupon=mysql_fetch_object($resultat))
                    {
               ?>
 
               			<option value="<?php echo $coupon->id_coupon; ?>" title="<? echo $coupon->descCoupon; ?>"><?php echo $coupon->nomCoupon; ?></option>
 
 
               <?
			   		}
				?>
       		</select>       </td>
       <td align="left" width="60%">
       		<!--<div id="test" style="display:none">
              <textarea id="desc" type="text" value="" cols="30"rows="1" readonly></textarea>
            </div>
            <div id="test2" style="display:block">
            	&nbsp;
            </div>-->&nbsp;
       </td>
   </tr>
   <tr id='ligne_tabl'>
   		<td>
        	Produits <font color=red>*</font>
   		</td>
        <td valign="top">
                <!-- Liaison actu produit avec produit -->
                <?
                    $requete="select distinct(id_produit), nomProd, id_prodMere from prod as p, rec as r where p.id_produit=r.id_prod and imageRecette != '' and id_prodMere = 0";
                    $resultat=mysql_query($requete, $link);
 
 
                ?>
                <select name='slcCat1' id='type' style='width:95px;' onChange="chercheproduit('maliste',this.options[this.selectedIndex].value, '1');">    
                    <option value=''>Cat&eacute;gorie</option>
                    <? 
                        while($cat=mysql_fetch_object($resultat))
                        {
 
                            ?>
                    <option value='<? echo $cat->id_produit; ?>' ><? echo $cat->nomProd; ?></option>
 
                    <?  
 
                                $requete="select * from prod where id_prodMere = '".$cat->id_produit."'";
                                $result = mysql_query($requete, $link);
                                $row=mysql_num_rows($result);
 
 
                            if($row!=0)
                            {	
                                while($scat=mysql_fetch_object($result))
                                {
 
                            ?>
 
                                <option value='<? echo $scat->id_produit; ?>'> - <? echo $scat->nomProd; ?></option>	
 
                <?			}
 
 
                        }
                    }
 
                ?>
                </select>		
                             <div id='maliste'><select name ='slcProd'><option value='-1'>Produits</option></select></div>		
        </td>
        <td valign="top">
                <!-- Liaison actu produit avec produit -->
                <?
                    $requete="select distinct(id_produit), nomProd, id_prodMere from prod as p, rec as r where p.id_produit=r.id_prod and imageRecette != '' and id_prodMere = 0";
                    $resultat=mysql_query($requete, $link);
 
 
                ?>
                <select name='slcCat2' id='type' style='width:95px;' onChange="chercheproduit('maliste2',this.options[this.selectedIndex].value, '2', resto.value);">    
                <option value=''>Cat&eacute;gorie</option>
                <? 
                    while($cat=mysql_fetch_object($resultat))
                    {
 
                        ?>
                <option value='<? echo $cat->id_produit; ?>' ><? echo $cat->nomProd; ?></option>
 
                <?  
 
                            $requete="select * from prod where id_prodMere = '".$cat->id_produit."'";
                            $result = mysql_query($requete, $link);
                            $row=mysql_num_rows($result);
 
 
                        if($row!=0)
                        {	
                            while($scat=mysql_fetch_object($result))
                            {
 
                        ?>
 
                            <option value='<? echo $scat->id_produit; ?>'> - <? echo $scat->nomProd; ?></option>	
 
                <?			}
 
 
                        }
                    }
 
                ?>
                </select>
               		<div id='maliste2'><select name ='slcProd2'><option value='-1'>Produits</option></select></div>
 
        </td>
 
   </tr>
   <tr id='ligne_tabl'>
   		<td colspan="3">&nbsp;<input class="erreur" type="text" name="finalerror" readonly /> </td>
   </tr>
   		<input type="hidden" name="resto" value="<?php echo $resto; ?>">
   <tr id='ligne_tabl'>
   		<td colspan="3" align="center">
        	<input type="button" onClick="verif();" name="sub" value="Visualiser">
        </td>
   </tr>
</form>

En faites pour vous expliquer je fais un outils de newsletter pour un client donc en gros je propose plusieurs contenu à mon client et aprés avoir choisi tout ce qu'il désire y mettre je fais des test sur mes input etc...

Et si tout est bon j'ouvre la popup qui est une visualisation de la newsletter...

Voilà ^^

03/03/2009, 10h15
SpaceFrog

mais du coup tu fais quoi des infos du form ?
parce'que l'ouverture du popup fait perdre le focus à la fenetre mère et donc le js n'est plus interpété . et donc pas de return true et par conséquent pas de validation du form ...

il faudrait faire la validation du form dasn la popup

Code:

self.opener.document.forms[0].submit()

pour valider le form, mais du coup les bloqueurs de popup empecheront la validation

le but est d'en registrer le client et de lui afficher la news letter ensuite ?
03/03/2009, 10h15
Sekigawa

Citation:

Envoyé par E.Bzz

Bonjour,
et avec une syntaxe un peu plus actuelle ?

Code:

document.forms['form'].elements['newsprod'].value

par exemple :?

Sans connaitre le code HTML correspondant, c'est tout ce que je peux te proposer :aie:

A+

ça marche pas... :(
03/03/2009, 10h19
Sekigawa

Citation:

Envoyé par SpaceFrog

mais du coup tu fais quoi des infos du form ?
parce'que l'ouverture du popup fait perdre le focus à la fenetre mère et donc le js n'est plus interpété . et donc pas de return true et par conséquent pas de validation du form ...

il faudrait faire la validation du form dasn la popup

Code:

self.opener.document.forms[0].submit()

pour valider le form, mais du coup les bloqueurs de popup empecheront la validation

le but est d'en registrer le client et de lui afficher la news letter ensuite ?

En faites j'envoie les infos que j'ai récupéré avec mon formulaire dans l'url de la popup, en GET, donc aprés moi je traite ces infos. J'enregistre rien dans ma base de données il s'agit uniquement d'affichage...

C'est bizarre car quand je fais mon "window.open()" dans mon "onclick" sa marche, la popup s'ouvre...
03/03/2009, 10h20
SpaceFrog

tu le lances dans le onload de la page du popup ???

non quand je fais

Code:

1
2
 
<input type="button" onClick="window.open ('newsletter_popup.php'+'?actu='+document.form.newsprod.value+'&coup='+document.form.coupons.value+'&p1='+document.form.slcProd.value+'&p2='+document.form.slcProd2.value+'&resto='+document.form.resto.value, 'popup_1', config='height=800, width=600, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=no, directories=no, status=no');" name="sub" value="Visualiser">

Sa marche mais du coup je vérifie pas mes input...

Trop la galère !! :evilred:

03/03/2009, 11h12
gui80
Bonjour,

alors, tu as un formulaire.
Tu as des champs input dedans.
Tu veux les analyser et si c'est bon, ouvrir un popup (fonction verif en javascript).
Tu retournes un booléen à l'issue de cette fonction.
C'est pour éviter de lancer le submit du formulaire ?
Dans ce cas, ne faudrait-il pas mettre un return comme ceci :
Code:

1 2 <input type="button" onClick="return verif();" name="sub" value="Visualiser">
Dis moi déjà si j'ai bien formulé ton problème, et ensuite si ce que j'ai proposé pourrait te convenir. Attendant ton suivi :-)
03/03/2009, 11h21
Sekigawa
Citation:
Envoyé par gui80

Bonjour,

alors, tu as un formulaire.
Tu as des champs input dedans.
Tu veux les analyser et si c'est bon, ouvrir un popup (fonction verif en javascript).
Tu retournes un booléen à l'issue de cette fonction.
C'est pour éviter de lancer le submit du formulaire ?
Dans ce cas, ne faudrait-il pas mettre un return comme ceci :

Code:

1 2 <input type="button" onClick="return verif();" name="sub" value="Visualiser">

Dis moi déjà si j'ai bien formulé ton problème, et ensuite si ce que j'ai proposé pourrait te convenir. Attendant ton suivi :-)
Oua c'est à peu prés sa mais si tu veux mon problème c'est que ma fonction verif() fonctionne trés bien sur IE mais sur firefox elle ne veut pas m'ouvrir la popup et d'ailleur elle ne me récupère pas une info qui est traité en Ajax.

Pour une fois que j'ai un blème avec Firefox ça m'enerve et je n'arrive pas à le régler.

J'ai essayé ta solution et sa ne marche pas...
03/03/2009, 11h23
SpaceFrog

Code:

<input type="submit" name="sub" value="Visualiser">

et dans la balise form

Code:

onsubmit="return verfi()"
03/03/2009, 11h32
gui80

Tu peux toujours essayer ce que propose Spacefrog en tapant par un input submit.
Mais ce que tu viens de dire est que le souci est inhérent à Firefox avec une action AJAX.
Mais, il n'y a pas d'AJAX pour le moment dans ce que tu veux faire non ?
Sinon, il y a des éléments que tu ne nous aurais pas précisé.
Si oui, il faudrait que tu nous montres tes appels AJAX car elles doivent être différents entre Internet Explorer et Firefox.
03/03/2009, 11h34
Matthieu2000

encode ton url ...

mon appel ajax est là

Code:

1
2
 
 <select name='slcCat2' id='type' style='width:95px;' onChange="chercheproduit('maliste2',this.options[this.selectedIndex].value, '2', resto.value);">

et au niveau du script

Code:

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
 
var xhr = null;
function getXhr(){
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest();
	else if(window.ActiveXObject){ // Internet Explorer
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr = false;
	}
}
 
function chercheproduit(div, numcat, numliste, resto){
	getXhr();
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
		contenuajax = xhr.responseText;
		document.getElementById(div).innerHTML = contenuajax;
		}
	}
 
 
	xhr.open("POST","truc_muche.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("cat="+numcat+"&liste="+numliste+"&resto="+resto);
}

En ce qui concerne le "onsubmit" g déjà essayé et sa marche tjrs pas sur Firefox...

Je suis en train d'abandonner :(

03/03/2009, 11h53
Sekigawa
Est-ce que c'est possible de faire un truc du genre
Code:

1 2 3 onsubmit="if(return verif()){widow.open(...);}"
Je vois pas la syntaxe mais vous voyez ce que je veux dire ??

Code:

1
2
3
 
 
onsubmit="if(verif()){widow.open(...);return true;}else{return false;}"

03/03/2009, 12h01
SpaceFrog

le onsubmit permet de declencher des fonctions

Code:

onsubmit=" if(verif()){widow.open(...); return true}"

?

ce que je ne comprends pas c'est du coup le but de l'action du formulaire ...
tu n'as pas besoin de action ?

pourquoi ne pas lancer l'ouverture de popup dans l'action alors ?

Code:

<form action="javascript:window.open('...')" onsbumit="return verif()" ...

et un bouton submit simple
03/03/2009, 12h05
Sekigawa

Non ça marche pas lol

Je viens de remarquer un truc sur mon code, à la base mon bouton était de type "button" car je ne voulais pas que mon formulaire soit soumis, en faites grâce au onClick je pouvait traiter les information dans l'url de la popup et ma page ou il y a mon formulaire restée avec les infos soumise...

Je sais pas comment expliquer mais si je mets un bouton "submit" avec le "return verif()" si toutes mes conditions sont bonnes le formulaire est soumis et donc toutes les listes déroulante reparte à zéro...

Je sais pas si je suis clair...

Mais en gros ce momulaire ne me sers qu'à récupérer les données dans ma popup...

Vous me suivez ?? :aie:

Citation:

Envoyé par SpaceFrog

le onsubmit permet de declencher des fonctions

Code:

onsubmit=" if(verif()){widow.open(...); return true}"

?

ce que je ne comprends pas c'est du coup le but de l'action du formulaire ...
tu n'as pas besoin de action ?

pourquoi ne pas lancer l'ouverture de popup dans l'action alors ?

Code:

<form action="javascript:window.open('...')" onsbumit="return verif()" ...

et un bouton submit simple

Ouah j'y ai cru lol mais ça marche pas...
Code:

1 2 <form name="form" action="javascript:window.open ('newsletter_popup.php'+'?actu='+document.form.newsprod.value+'&coup='+document.form.coupons.value+'&p1='+document.form.slcProd.value+'&p2='+document.form.slcProd2.value+'&resto='+document.form.resto.value, 'popup_1', config='height=800, width=600, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=no, directories=no, status=no')" onsubmit="return verif();">
en + ça m'affiche une page blanche avec "[object]" affiché...

03/03/2009, 12h13
SpaceFrog

tu as echappé les paramètres ?
03/03/2009, 12h16
Sekigawa

c'est à dire ?

J'ai une erreur dans la console de firefox

Citation:

document.form.slcProd.value is undefined

ça correspond à mon Ajax...
03/03/2009, 12h24
E.Bzz

Code:

resto.value

:aie:

C'est là :mrgreen:

Non seulement cette .... disons "syntaxe" :roll:, n'est reconnue que par IE, mais en plus elle fait référence à un id. Or dans ton code, "resto" est un name !

Mais heureusement, IE a tout prévu : il mélange allègrement name et id, et c'est uniquement pour ça que ça fonctionne actuellement :mouarf:

Bref

Code:

resto.value

=>

Code:

document.getElementById('resto').value

en ajoutant bien sûr id="resto" en plus du name="resto".

EDIT : vu ton dernier post, il doit y en avoir d'autres, des comme celle-là ;)

EDIT 2 : donne un autre name à ton <form> :evilred:

A+
03/03/2009, 12h28
Sekigawa

C'est bien un "name" et pas un "id" ^^

Par contre selon l'erreur que j'ai dans ma console firefox si j'enleve les "slcProd" tout marche bien donc tout viens de mon ajax...

on dirait que firefox n'interprete pas mon ajax et donc je récupère pas mes "slcProd"...
03/03/2009, 12h29
E.Bzz

Citation:

Envoyé par Sekigawa

C'est bien un "name" et pas un "id" ^^

Et c'est ça le (un des) problème(s).
03/03/2009, 12h30
Sekigawa

Citation:

Envoyé par E.Bzz

Et c'est ça le (un des) problème(s).

je vais essayer je vous tiens au courant...

Mais ça veut dire que je dois mettre des id partout ??
03/03/2009, 12h33
E.Bzz

Citation:

Envoyé par Sekigawa

Mais ça veut dire que je dois mettre des id partout ??

Commence par celui-là, pour voir ...
La prochaine erreur t'indiquera sûrement la prochaine modif :mouarf:

Tu as changé le name du form ?

A+
03/03/2009, 12h38
Sekigawa

Citation:

Envoyé par E.Bzz

Tu as changé le name du form ?

Oui ^^

Citation:

Envoyé par Console d'erreur Firefox

document.getElementById("slcProd").value is null

C'est bien mon Ajax ^^

Help... :hola:
03/03/2009, 12h47
E.Bzz

slcProd est un uniquement name, pour l'instant. Pas un id.

... et Firefox ne mélange pas, lui ;)

A+
03/03/2009, 12h52
Sekigawa

E.Bzz juste une chose à dire : JE T'AIME !!!!

ça marche nickel t'es trop fort merci mille fois !!!

:yaisse2::bravo::merci: