Changer source iframe en javascript

Bonjour,

j'aimerais changer la src d'un iframe avec javascript en fonction d'un test et d'un sinon mais je ne connais pas trop les commandes de javascript.
il faut créer un ID pour le frame ? et quelle variable mettre au niveau de la source de l'iframe ?

voici le code de ma page :

Code:

---

1 2 3 4 5 6

if( TEST... ){ source iframetest = url... } else { source iframetest = url... }

---

Code:

---

<IFRAME class="iframetest" src="?????"></IFRAME>

---

Pouvez-vous m'aider à reformuler ce code svp.
Merci

Bonjour,

Citation:

---

j'aimerais changer la src d'un iframe

---

il te faut modifier l'attribut src de l'IFRAME ;).

Code:

---

1 2	var oIframe = document.querySelector('.iframetest'); oIframe.src = nouvelle_url;

---

Bonsoir !
Il te faut trois choses :

1. mettre l'URL que tu veux dans une variable
2. mettre l'iframe dans une variable (en fait, une référence sur l'iframe)
3. savoir comment changer l'attribut src de l'iframe

Pour 1., c'est facile :

Code:

---

var url = "http://example.com";

---

Pour 2., la méthode de sélection la plus « fiable » est getElementById. Il faut d'abord mettre un id à ton iframe dans le code HTML, par exemple :

Code:

---

<iframe id="mon-iframe" ...>

---

Ensuite, tu obtiens une référence sur cette iframe comme ceci :

Code:

---

var monIframe = document.getElementById("mon-iframe");

---

Pour 3., c'est facile car la plupart* des attributs HTML sont reflétés en JavaScript (grâce à une représentation de l'arbre HTML qu'on appelle le Document Object Model [DOM]).

Code:

---

monIframe.src = url;

---

Comme tu vois, rien de plus naturel.

*: Et si jamais tu ne trouves pas l'équivalent DOM d'un attribut, tu peux toujours passer par getAttribute ou setAttribute :

Code:

---

monIframe.setAttribute("src", url);

---