Supprimer remplacer iframe

**founiete** · 07/06/2013, 14h35

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 html :

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

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 :

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
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)
 }
 
 }

**andry.aime** · 07/06/2013, 14h46

Bonjour,

Code :

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

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+.

**founiete** · 07/06/2013, 15h30

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 :

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

1
2
3
4
5
if(document.getElementById("ets").value=='val2')
 {
  ifr.src = 'ets2.pdf'
 
 }

**andry.aime** · 07/06/2013, 15h35

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

Code html :

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

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

Code :

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

1
2
var ifr = document.getElementById('frame');
...

A+.

**founiete** · 10/06/2013, 08h45

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.

Supprimer remplacer iframe

JavaScript

Discussions similaires

Partager

Partager