Aide avec une popup et la page parente
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:
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:
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> |
Re: Aide avec une popup et la page parente
Code:
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:
1
2
3
4
|
function addOption(name){
document.getElementById('monselect').appendChild(new Option(name));
} |
Et dans ta pop-up:
Code:
1
2
3
4
|
function addSelect(){
window.opener.addOption("Paris");
} |
Et avec un peu de chance, ça marche :wink:
Aide avec une popup et la page parente
Hello j'ai essayer mais cela ne marche pas
Aide avec une popup et la page parente
Merci à vous tous mais je ne sais pas à quel endroit mettre ses fonctions
pouvez me donnez un exemple merci encore de votre patience
Aide avec une popup et la page parente
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:
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:
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
Aide avec une popup et la page parente
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);
}
