[Syntaxe]rafraichir une liste avec internet explorer

**achos** · 23/02/2007, 18h13

Bonjour tout le monde,
j'ai 2 pages HTML suivante :
index.html :

Code :

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

1
2
3
4
5
6
7
8
9
 
<form name="monform">
<select name="choix" id="choix">
<option value="rabat">rabat</option>
<option value="paris">paris</option>
<option value="berlin">berlin</option>
</select>
<input type="button" value="new" onClick="window.open('popup.html','ajouter_ville','width=200,height=200')">
</form>

ajout.html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script language="javascript">
function refreshPage(newValue){
  var w = window.opener.document.getElementById('choix');
  var content = w.innerHTML;
   content += '<option value="' + newValue + '">' + newValue + '</option>';
   w.innerHTML = content;
}
</script>
<form name="form">
ville <input type="text" name="ville" onBlur="refreshPage(this.value)">
<input type="button" value="ok" onClick="self.close();">
</form>

mon problème est que sous internet explorer la liste n'est pas affichée, elle est toute vide.
j'ai tester le même script sous Mozilla Firefox et Opera et il fonctionne bien.
pourquoi ça ne marche pas avec IE ? est ce qu'il y'a un autre moyen pour le faire fonctionner correctemet avec IE.

Merci d'avance

**Auteur** · 23/02/2007, 19h13

bonjour,

on ne créé pas une option avec innerHTML.
cf. http://sergep.developpez.com/tutorie...ge=page_5#LV-B
Puis regarde le paragraphe V-B-2-b où est expliqué comment est créé un select et ses options et le paragraphe V-B-2-c où est expliqué l'insertion d'une option dans la liste.

Code :

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

1
2
3
4
5
6
 
var elOption = new Option("Option", "valeur", false, false);
var elSelect= document.getElemenById("idSelect");
 
//Ajout dans le select de l'option
elSelect.options.add(elOption);

**achos** · 23/02/2007, 20h09

Merci bien pour la réponse et pour l'article.
je vais essayé de modifier mon script et on verra ce que ça donne.

**Auteur** · 24/02/2007, 12h33

Envoyé par achos

Merci bien pour la réponse et pour l'article.
je vais essayé de modifier mon script et on verra ce que ça donne.

tiens moi au courant

**achos** · 26/02/2007, 12h51

j'ai essayé avec ce script mais ca ne donne rien.
j'ai pas bien compris comment ça fonctionne, je veux juste savoir quel est le problème de mon script cité auparavent avec le navigateur internet explorer.

**Auteur** · 26/02/2007, 21h47

Je me suis appuyé sur ces exemples pour ton script
http://www.developpez.net/forums/sho...d.php?t=271424

Dans un premier temps, j'accèdais à ta liste (getElementById()) dans une fonction de la pop-up et je la mettais à jour. L'ennui est que cela faisait planter IE. J'ai donc procédé autrement :

Dans la pop-up j'appelle la fonction ajouterVille() où je récupère la valeur de l'input.

Puis j'appelle la fonction ajouter() contenue dans index.html et à qui je transmets le nom de la ville et dans laquelle je mets à jour la liste. Du coup, j'accède à la liste des ville non plus à partir de la pop-up mais à partir de la fenêtre "opener".

J'ai donc refait ton code :
index.html

Code html :

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
37
38
39
40
41
42
43
44
45
46
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var chargeOk = "false";
 
function ouvreFille()
{
 if (chargeOk=="false")  //pour vérifier que la pop-up a été ouverte
     window.open('popup.htm','ajouter_ville','width=400,height=200,status=yes');
}
 
function ajouter(ville)
{
  var liste = document.getElementById("choix");
  var elOption = new Option(ville, ville, false, false);
 
  //Ajout dans le select de l'option
  liste.options.add(elOption);
  alert(ville+" a été ajoutée à la liste");
 
}
//-->
</script>
 
</head>
 
<body>
<form id="monform">
 
  <select id="choix">
  <option value="rabat">rabat</option>
  <option value="paris">paris</option>
  <option value="berlin">berlin</option>
  </select>
 
  <input type="button" value="new" onclick="ouvreFille()">
 
</form>
 
</body>
 
</html>

popup.html

Code html :

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
37
38
39
40
41
42
43
44
45
46
47
48
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function charge()
{
 //on confime a la fenetre mere que la pop-up est ouverte
 window.opener.chargeOk = "true";
}
function decharge()
{
 //on confime a la fenetre mere que la pop-up est fermee
 window.opener.chargeOk = "false";
}
 
function ajouterVille()
{
  var ville = document.getElementById("idText").value;
  //on transmet a la fonction ajouter() de la fenetre mere le nom de la ville
  window.opener.ajouter(ville);
}
 
function fermer()
{
 window.close();
}
 
//-->
</script>
 
 
</head>
 
<body onload="charge()" onunload="decharge()">
 
Nom de la ville à ajouter&nbsp;:
<input type="text" value="" id="idText" size="40">
<br><br>
<input type="button" value="Ajouter" onclick="ajouterVille()">
<input type="button" value="Fermer fenêtre" onclick="fermer()">
 
 
</body>
 
</html>

[Syntaxe]rafraichir une liste avec internet explorer

JavaScript

Vue hybride

Discussions similaires

Partager

Partager