Discussion :

[chris.lechat]

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 :

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

1
2
3
4
5
6
if( TEST... ){
   source iframetest = url...
}
else {
    source iframetest = url...
}

Code html :

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

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

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

[NoSmoking]

Bonjour,

j'aimerais changer la src d'un iframe

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

Code :

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

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

[Watilin]

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 :

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

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

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

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

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

Code :

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

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 :

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

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 :

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

monIframe.setAttribute("src", url);