Passage de paramètres entre formulaires

**tiplof** · 03/06/2013, 11h21

bonjour,

je débute totalement en JS qui reste encore un peu mystérieux pour moi, aussi je fais appel à votre indulgence

je cherche à créer 2 formulaires :
- un formulaire maitre, comprenant des lignes d'input non modifiables par l'utilisateur, et pour chaque ligne un bouton permettant d'ouvrir une pop up avec un second formulaire qui permet de choisir la valeur à compléter dans le champ maitre correspondant. L'utilisateur peut ajouter / modifier / supprimer les lignes.
- un formulaire esclave, ouvert par pop up,

Et ça ne marche pas.

Le code ci dessous fonctionne à moitié sous IE (la première modification d'une ligne fonctionne, pas les suivantes...) et pas du tout sous firefox.

Formulaire maitre :

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
 
<html><head>
<script language="JavaScript">
<!--
// ouvre une fenetre de selection pour editer une ligne du formulaire
function ouvreFenetreSelection(identifiantligne) {
	var winconfig = "resizable=yes,toolbar=no,location=yes,scrollbars=yes,top=0,left=0,height=150,width=500";
	top.DIALslave = window.open("testformulaireesclave.php","DIALslave",winconfig);
	top.DIALslave.document.getElementById('idligne').value=identifiantligne;
	top.DIALslave.document.forms['selectionligne'].code.focus();
  }
 
 // ajoute une ligne au formulaire
 function ajouterLigne() {
	var nblignes;
	nblignes = parseInt(document.forms['tableau'].nblignes.value) + 1;
	document.forms['tableau'].nblignes.value = nblignes;
	document.getElementById('tableau').innerHTML=document.getElementById('tableau').innerHTML + 'Ligne : <input name="code'+nblignes+'" id="code'+nblignes+'" type="text" readonly="true"> <input type="button" name="cmd_ajout'+nblignes+'" value="Inserer nouvelle ligne" onClick="JavaScript:ouvreFenetreSelection('+nblignes+');"><input type="button" name="cmd_sup'+nblignes+'" value="Supprimer la ligne" onClick="JavaScript:supprimerLigne('+nblignes+');"></br>'+"\r\n";
 }
 
 // ajoute une ligne au formulaire
 function supprimerLigne(identifiantLigne) {
	//todo;
 }
// -->
</script>
</head>
 
<body>
<form id = "tableau" name="tableau">
<input type="hidden" name="nblignes" id="nblignes" value="1">
<input type="button" value="Ajouter ligne" onClick="ajouterLigne();"><br/>
Ligne : <input name="code1" id="code1" type="text" readonly="true"> <input type="button" name="cmd_ajout1" value="Compléter la ligne" onClick="JavaScript:ouvreFenetreSelection(1);"><input type="button" name="cmd_sup1" value="Supprimer la ligne" onClick="JavaScript:supprimerLigne(1);"><br/>
</form>
</body>
</html>

et le formulaire de la pop 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
 
<html><head>
<script language="JavaScript">
<!-- emission de donnéées vers le formulaire maitre
function initialize() {
	document.getElementById('lbl').innerHTML='Saisie de la ligne '+document.forms['selectionligne'].idligne.value;
}
 
function send_data() {
	var identifiantligne;
	identifiantligne = document.forms['selectionligne'].idligne.value;
	opener.document.getElementById('code'+identifiantligne).value = document.forms['selectionligne'].code.value;
	//opener=self;
	self.close(); 
  }
// -->
</script>
</head>
 
<body onLoad="JavaScript:initialize();">
<b id="lbl"></b>
<form name="selectionligne" id="selectionligne">
<input type="hidden" name="idligne" id="idligne" value="-1">
valeur de la ligne : <input type="text" name="code">
<input type="button" name="cmd_send" value="Mettre à jour" onClick="JavaScript:send_data();">
</form>
</body>
</html>

Tout petit coup de main serait infiniment apprécié...

**SpaceFrog** · 03/06/2013, 11h29

Un conseil:
Popup = mauvaise idée ...

Passe plutot pas un popin

**tiplof** · 03/06/2013, 16h12

Oui, un popin serait sans conteste plus éléguant, mais ce n'est pas mon besoin pour l'instant

**SpaceFrog** · 03/06/2013, 16h20

tu as une obligation de passer par un popup ???

**tiplof** · 04/06/2013, 10h04

oui (on ne choisit pas toujours ses utilisateurs

)

**SpaceFrog** · 04/06/2013, 10h50

Heu ce n'est pas l'utilisateur qui décide de la technologie, à la limite le chef de projet ...

mais si tu tiens a rester avec les iframes:
http://www.developpez.net/forums/d27...enetre-enfant/

**tiplof** · 04/06/2013, 18h30

Si je poste une demande d'aide ici, c'est bien parce que je n'arrive pas à m'en sortir avec le reste du forum, google et consort...

Donc si le sujet n'est pas intéressant (ce que je peux comprendre), autant s'abstenir de me cuisiner sur la source du besoin pour ensuite me renvoyer ailleurs : cela n'aide pas et créé du bruit pour rien.

**NoSmoking** · 04/06/2013, 19h24

Bonjour,

...autant s'abstenir de me cuisiner sur la source du besoin ...

car dans certains cas une approche différente est préférable et plus facile à mettre en oeuvre.

Dans le lien, fourni par SpaceFrog, , il y a toute la substantifique moelle pour réaliser ce que tu souhaites.

http://www.developpez.net/forums/d27...enetre-enfant/

**SpaceFrog** · 04/06/2013, 20h07

dans certains cas une approche différente est préférable et plus facile à mettre en oeuvre.

Exactement NoSmo !
C'est manifestement une erreur de conception à la base.
Il est cent fois plus facile et préférable pour des raison de compatibilités entre navigateurs d'avoir a mettre la main sur des éléments qui dépendent de la même page. Ce qui est le cas pour des popins.
Vouloir triturer les éléments d'une page à l'autre par l'intermédiaire d'iframe est plus complexe mais présente également la limitation SOP (Same Origin Policy)
La seule chose qui justifierait de passer par des iframe serait de tenter de mettre la main sur des éléments d'un domaine différent, mais c'est de tout façon vain sans autorisation.

J'essaye juste de te diriger vers un solution simple, maintenant si tu es obligé de t'empétrer dans des conversations entre fenêtres, le lien donné est ta planche de salut a condition que le pages restent sur le même domaine ou que tu aies les autorisation de partage sur les pages hors domaine.

Mais au vu du peu d'informations que tu daignes donner sur le but final de la manoeuvre, on serait en droit de se poser des questions sur une éventuelle tentative d'injection ou de récupération de code externe ...

Passage de paramètres entre formulaires

JavaScript

Discussions similaires

Partager

Partager