Recuperer un parametre en Javascript.

Version imprimable

Bonjour,
Je viens de faire un post dans le forum formulaire, et on ma dit que la solution était en java script,
Voila: Dans un formulaire ou je renseigne une variable, une page popup qui permettra d'avoir la page initiale en visu s'ouvre à l'aide d'un bouton. Je dois transmettre ce paramètre en même temps. Apparemment ce n'est pas possible dans un formulaire classique.
Est-il possible de le faire en java script et comment.
Mon code actuel:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <FORM class="Cadre" Method="POST" enctype="multipart/form-data" > <tr> <div align="center"> <td class="Tableau" width="37%">Titre</td> </div> <BR> <td><div align="center"> <INPUT type=text size=2 name=variable ><BR> <BR> <input align "center" class="Bouton" type="submit" value="Je valide" onClick="MM_openBrWindow('monphp.php?classe=<?php echo $classe;?>','','menubar=yes,scrollbars=yes,resizable=yes,width=300,height=160')" color "#C2AD5F" /> <INPUT type=hidden name=afficher value=ok> </FORM>
Merci pour vos propositions

23/01/2009, 17h23
RomainVALERI

Indentation mystique, balises TR et TD sans TABLE, balise FORM sans propriété "action", signe égal manquant entre la propriété "align" (de ton bouton de validation) et sa valeur, ... beaucoup de problèmes à première vue... :?

En tout cas, si tu cherches de l'info à propos des formulaires en javascript...
23/01/2009, 17h23
SpaceFrog

http://www.developpez.net/forums/d27...hlight=fenetre
23/01/2009, 18h04
GYK

Pour RomainVALERI

Les TD et TR ne sont pas seul, mais je ne pensais pas necessaire de charger le forum avec un script complet mais les balise <table> et </table> sont bien présentent.
Tu as raison en ce qui concerne le =. C'est réparé.
Merci

Pour SpaceFrog
Merci pour ton lien, je vais essayer de me débrouiller si j'arrive a comprendre.

Bonne soirée à vous deux
23/01/2009, 18h18
Auteur
Citation:

Envoyé par GYK

Pour RomainVALERI

Les TD et TR ne sont pas seul, mais je ne pensais pas necessaire de charger le forum avec un script complet mais les balise <table> et </table> sont bien présentent.

ce que RomainVALERI voulait dire aussi est que ton tableau est mal fait :
- un <div> le ne peut pas être le conteneur parent d'un <td>
- une balise <form> ne peut pas encadrer une balise <tr>
- on ne sépare pas les lignes d'un tableau par des balises <br>
- etc.
un tableau a au moins cette forme :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <table> <tr> <td>.... </td> <td>.... </td> </tr> <tr> <td>.... </td> <td>.... </td> </tr> </table>
=> il faut revoir tout le code HTML ce cette partie.

Bonjour,

Je reconnais j'ai beaucoup de lacune, et grace à vous j'apprend beaucoup
Merci

Maintenant, suivant le lien du tutorial donné par SpaceFrog j'ai fais ça:
Page mere dans le head

Code:

1
2
 
<script type="text/javascript" src="MereFille.js"></script>

ensuite

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
</head>
 
<body onload="OuvreFenetreFille()">
 
                    <FORM class="Cadre" Method="POST" enctype="multipart/form-data" >
 
                    <p >Conbien de nom voulez vous modifier ou supprimer ?</p>
 
                    <br>
					<input type="text" id="inMere" size="2" maxlength="2">
                    <br>
                    <br>
					<input align="center" class="Bouton" type="submit" value="Je valide" onclick="TransfertFilleMere()','','menubar=yes,scrollbars=yes,resizable=yes,width=300,height=160')" color "#C2AD5F" />	 
                    <br>
 
					<INPUT type=hidden name=afficher value=ok>
 
		    </FORM>

Dans Page fille dans le head

Code:

1
2
 
<script type="text/javascript" src="MereFille.js"></script>

Dans le body

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<FORM class="Cadre" Method="POST" target="_blank" width=300  height=160 enctype="multipart/form-data"   Action="nummod.php" >
 
                     <p >Quels sont les numéros cencernés ?</p>
                   <br>
                   <input type="text" id="inFille" size="2" maxlength="2">
                   <br>
                    <br>
                    <input type="button" value=">J'envoie" onclick="TransfertFilleMere()">
 
                 <br>
 
		<INPUT type=hidden name=afficher value=ok>
 
</FORM>

Mon MereFille.js

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
 
var fenFille;
function OuvreFenetreFille()
{
 fenFille = window.open("nummod.php","","height=100,width=300,toolbar=yes,menubar=yes,status=yes");
 //window.location.href="Fille.htm"
}
 
function TransfertMereFille()
{
  var elmtWinParent=document.getElementById("inMere");
  var elmtWinFille=fenFille.document.getElementById("outMere");
 
  elmtWinFille.value = elmtWinParent.value;
}
 
 
function TransfertFilleMere()
{
 var elmtWinParent=window.opener.document.getElementById("outFille");
 var elmtWinFille=document.getElementById("inFille");
 
 elmtWinParent.value=elmtWinFille.value;
}

Mes problémes

Quand j'ouvre la page mère la page fille s'ouvre en même temps systématiquement ?
Et si je fais des echos de mes variables, elles ne semblent pas tranasmisent!
Merci de vos réponse

26/01/2009, 12h21
Auteur
Citation:

Envoyé par GYK

Quand j'ouvre la page mère la page fille s'ouvre en même temps systématiquement ?

ça c'est normal car dans la page mère tu as écrit ceci :

Code:

<body onload="OuvreFenetreFille()">

ça par contre c'est curieux :koi:
Code:

1 2 <input align="center" class="Bouton" type="submit" value="Je valide" onclick="TransfertFilleMere()','','menubar=yes,scrollbars=yes,resizable=yes,width=300,height=160')" color "#C2AD5F" />
puis dans la page mère c'est la fonction TransfertMereFille() que tu dois appeler pas TransfertFilleMere()

Bonjour Auteur,
Pour le code
Code:

1 2 <body onload="OuvreFenetreFille()">
Je n'ai fait que copier le code du tutorial j'ai donc laissé que
Code:

1 2 <body>
seul.
En ce qui concerne
Code:

1 2 <input align="center" class="Bouton" type="submit" value="Je valide" onclick="TransfertFilleMere()','','menubar=yes,scrollbars=yes,resizable=yes,width=300,height=160')" color "#C2AD5F" />
s'était une erreur.
Par contre je n'ai toujour pas de passage de variable!
A+

26/01/2009, 14h13
RomainVALERI

Simple détail : dans ton input, il manque un "=" entre ta propriété "color" et sa valeur.
26/01/2009, 14h31
GYK

Merci RomainVALERI

Et pour le reste t'as pas d'idée?

A+
27/01/2009, 10h25
GYK

Bonjour,
N'ayant pas de réponse j'ai creusé un peu et j'ai testé les scripts tel qu'ils sont donnés sur le lien suivant

http://www.developpez.net/forums/m1322158-74/

et déjà le tuto ne marche pas!
Si un spécialiste du javascript pouvait ce pencher dessus et me tenir au courant ce serait sympa.
Merci
27/01/2009, 12h07
Auteur

Le script tel qu'il se présente, ouvre la fenêtre fille lors du chargement de la page mère :

Code:

onload="OuvreFenetreFille()"

Pour que ce script fonctionne il faut deux conditions :
1- ouvrir la fenêtre fille avant de transmettre les informations d'une page à l'autre
2- vérifier que la pop-up est effectivement ouverte.

Et le script fonctionne très bien... pour peu que le navigateur autorise les pop-up.
27/01/2009, 13h36
GYK

Bonjour Auteur,

Quel est l'intéret d'ouvrir une fenetre fille en même temps que la mère?
En tout cas ce n'est pas ce que je veux faire, moi je veux entrer des infos dans la fenêtre mere et quand je clique sur le bouton, ouvrir une fenêtre fille qui à utilisé les infos de la mere pour aller sur une table de la base et récuperer d'autre infos.
Dans le script il faut rentrer les infos dans la fenêtre fille pour les communiquer à la mère