Supprimer remplacer iframe

Version imprimable

Bonjour,

Actuellement j'ai une liste avec plusieurs choix. Et suivant le choix que l'on effectue, j'ai une iframe qui apparait.
Le problème est lorsque j'effectue un nouveau choix, il y a une deuxième iframe qui apparait au lieu de "prendre la place" de la première...

Quelqu'un peut m'aider ?? Voici un extrait de mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<body>
<FORM NAME="Choix">
<SELECT NAME="Liste" Id="ets"  onChange="Charger_iframe()">
<option value="val1">Etablissement1</option>
<option value="val2">Etablissement2</option>
<option value="val3">Etablissement3</option>
<option value="val4">Etablissement4</option>
<frame ID="frame"> </iframe>
</select>
</form>
</body>
</html>

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
function Charger_iframe() {
 
 if(document.getElementById("ets").value=='val1')
 {
 var ifr = document.createElement('iframe')
 ifr.src = 'ets.pdf'
document.body.appendChild(ifr)
 }
 if(document.getElementById("ets").value=='val2')
 {
  var ifr = document.createElement('iframe')
  ifr.src = 'ets2.pdf'
document.body.appendChild(ifr)
 }
 if(document.getElementById("ets").value=='val3')
 {
  var ifr = document.createElement('iframe')
ifr.src = 'ets3.pdf'
document.body.appendChild(ifr)
 }
 if(document.getElementById("ets").value=='val4')
 {
  var ifr = document.createElement('iframe')
ifr.src = 'ets4.pdf'
document.body.appendChild(ifr)
 }
 
 }

07/06/2013, 14h46
andry.aime
Bonjour,
Citation:
Code:

1 2 3 var ifr = document.createElement('iframe') // ici tu crées un iframe ifr.src = 'ets.pdf' // ici tu lui affectes le source document.body.appendChild(ifr) // ici tu l'ajoutes à la page.
Donc c'est normale. Ce que tu doit faire c'est de remplacer simplement l'attribut src de 'iframe existant.

PS: prend l'habitude de mettre les balises et ses attributs en minuscule.

A+.
07/06/2013, 15h30
founiete
Merci de votre réponse.
j'ai mis ceci pour chaque if mais cela ne marche pas . Probleme de visibilité de la variable je pense.
Code:

1 2 3 4 5 if(document.getElementById("ets").value=='val2') { ifr.src = 'ets2.pdf' }
07/06/2013, 15h35
andry.aime
Citation:

<frame ID="frame"> </iframe>

Tu l'ouvres avec une balise frame et tu le fermes avec la balise iframe :no:

Code:

<iframe id="frame"> </iframe>
Code:

1 2 var ifr = document.getElementById('frame'); ...
A+.
10/06/2013, 08h45
founiete

Merci pour ton aide !!!
Maintenant sa fonctionne très bien !!

ps: j'avais mis la balise iframe dans la balise form ce qui ne pouvait pas fonctionner!!

Encore un grand merci pour ton aide. :D