Aide avec une popup et la page parente

**iomega** · 08/12/2005, 09h28

Bonjour à tous,
j'ai une page index.htm qui contient une liste déroulante avec des noms de ville et un bouton qui ouvre une popup nommée popup.htm qui contient un bouton qui lorsque l'on clique dessus ajoute à la
la liste déroulante la nouvelle ville mais malheureusement cela ne marche pas , pouvez-vous m'aider ?`

voici mon code de la page index.htm

Code :

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

1
2
3
4
5
6
7
8
9
 
<form name="form1" method="get" action="">
  <select name="monselect" id="monselect"  size="1">
    <option value="Monaco">Monaco</option>
    <option value="Geneve">Geneve</option>
  </select>
  <input name="btn_type_objet" size="15" type="button" class="bouton_plus" onClick="PopupDocument('popup.htm',430,320,'menubar=no,scrollbars=no,statusbar=no')"  value="+"  >
 
</form>

Code de la page popup.htm

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
 
<html>
<head>
 
<script language="JavaScript">
function addSelect(){
tmp = new Option("Paris");				
var lg = window.opener.document.forms['form1'].elements['monselect'].options.length;				
window.opener.document.forms['form1'].elements['monselect'].options[lg]=tmp;
}
</script>
</head>
 
<body>
<input type="button" name="Submit" value="Bouton" onClick="addSelect();">
</body>
</html>

**denisC** · 08/12/2005, 10h02

Code :

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

1
2
3
4
 
function addOption(){
window.opener.document.getElementById('monselect').appendChild(new Option("Paris"));
}

Essaye comme ça. Si ça ne fonctionne pas, c'est qu'il est impossible de rajouter à une page un noeud d'une autre page (c'est assez compréhensible).

Donc, tu fais dans la premiere page une fonction:

Code :

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

1
2
3
4
 
function addOption(name){
  document.getElementById('monselect').appendChild(new Option(name));
}

Et dans ta pop-up:

Code :

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

1
2
3
4
 
function addSelect(){
window.opener.addOption("Paris");
}

Et avec un peu de chance, ça marche

**iomega** · 08/12/2005, 10h27

Hello j'ai essayer mais cela ne marche pas

**siddh** · 08/12/2005, 11h50

page parent :

Code :

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

1
2
3
window.addOption = function (name){ 
  document.getElementById('monselect').appendChild(new Option(name)); 
}

**iomega** · 08/12/2005, 14h14

Merci à vous tous mais je ne sais pas à quel endroit mettre ses fonctions
pouvez me donnez un exemple merci encore de votre patience

**siddh** · 08/12/2005, 14h16

dans le head entre des balises script

**iomega** · 08/12/2005, 14h38

Hello et merci encore de m'aider car je suis débutant
Malheureusement cela ne marche pas voici comment j'ai fait

page principale

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
 function PopupDocument(page,largeur,hauteur,options) {
  var top=(screen.height-hauteur)/2;
  var left=(screen.width-largeur)/2;
  window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options); 
}
window.addOption = function (name){ 
  document.getElementById('monselect').appendChild(new Option(name)); 
} 
 
</script>
</head>
 
<body>
<form name="form1" method="get" action="">
  <select name="monselect" id="monselect"  size="1">
    <option value="AAA">AAA</option>
    <option value="BBB">BBB</option>
  </select>
  <input name="btn_type_objet" size="15" type="button" class="bouton_plus" onClick="PopupDocument('popup.htm',430,320,'menubar=no,scrollbars=no,statusbar=no')"  value="+"  >
 
</form>
</body>
</html>

popup.htm

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
 
<head>
<title>Marco</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">				
function addSelects(){ 
window.opener.addOption("Paris"); 
} 
 
</script>
</head>
<body>
<input type="button" name="Submit" value="Bouton" onClick="addSelects;">
</body>
</html>

Est-ce que j'ai fait quelque chose de faux si oui pouvez-vous me corriger?
merci beaucoup

**siddh** · 08/12/2005, 14h41

Code :

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

1
2
3
4
5
6
7
8
9
<script type='text/javascript'> 
 function PopupDocument(page,largeur,hauteur,options) { 
  var top=(screen.height-hauteur)/2; 
  var left=(screen.width-largeur)/2; 
  window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options); 
} 
window.addOption = function (name){ 
  document.getElementById('monselect').appendChild(new Option(name,name)); 
}

:

**iomega** · 08/12/2005, 14h53

Hello siddh,
merci mais non rien ne se passe

as-tu une autre idée ?
merci encore de ta patience

**siddh** · 08/12/2005, 14h58

popup :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head> 
<title>Marco</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript">             
function addSelects(){ 
window.opener.addOption("Paris"); 
} 
 
</script> 
</head> 
<body> 
<input type="button" name="Submit" value="Bouton" onClick="addSelects()"> 
</body> 
</html>

page principale:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>Document sans titre</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type='text/javascript'> 
 function PopupDocument(page,largeur,hauteur,options) { 
  var top=(screen.height-hauteur)/2; 
  var left=(screen.width-largeur)/2; 
  window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options); 
} 
window.addOption = function (name){ 
  opt = document.getElementById('monselect').options;
  pos = opt.length;
  opt[pos] = new Option(name,name);
 
} 
 
</script> 
</head> 
 
<body> 
<form name="form1" method="get" action=""> 
  <select name="monselect" id="monselect"  size="1"> 
    <option value="AAA">AAA</option> 
    <option value="BBB">BBB</option> 
  </select> 
 <input name="btn_type_objet" size="15" type="button" class="bouton_plus" onClick="PopupDocument('popup.htm',430,320,'menubar=no,scrollbars=no,statusbar=no')"  value="+"  > 
 
</form> 
</body> 
</html>

**iomega** · 08/12/2005, 15h18

Super cela marche siddh mais pourquoi avant cela ne marchait pas ?
je voudrai comprendre
en tout cas merci beaucoup

window.addOption = function (name){
opt = document.getElementById('monselect').options;
pos = opt.length;
opt[pos] = new Option(name,name);

}

**siddh** · 08/12/2005, 15h21

alors deja le constructeur d option prend deux params minimum (value et text).

ensuite j ai mis des type='text/javascript' pour etre standard et expliquer au browser ce que c est que le script.

Le appendChild aurais du marcher mais y a des fois des bugs et on voit pas le text s afficher (ca ajoute des options vides).

Du coup on ajoute a la fin du tableai d'options.

Aide avec une popup et la page parente

JavaScript

Discussions similaires

Partager

Partager