Yvanoph
2Messages postés
28 février 2011Date d'inscription
1 mars 2011Dernière intervention
28 févr. 2011 à 16:01
Bonjour / Bonsoir,
Pour charger quoi que ce soit dans une Frame/IFrame, il FAUT tout d'abord lui donner un NOM, soit l'attribut name=zone_1 par exemple, PUIS par chaque bouton correspondant CIBLER la Frame/IFrame par son NOM !
Exemple :
document.write("<IFRAME src='page3.html' name=zone_1 width=100% height=97% scrolling=auto frameborder=0 > </IFRAME>")
Ensuite, il y a trois manières d'accéder à une Frame/IFframe :
* Avec le nom
* Avec l'objet global frames
* Avec l'id
Ne PAS prendre id, qu'il est effectivement possible d'utiliser tout comme name ou l'objet global supporté par tous les navigateurs MAIS qu'Ie refuse...
Voici donc les deux techniques en action :
var oFrame = window.zone_1; // Avec le name
var oFrame = window.frames["zone_1"]; // Avec l'objet global
Une fois l'iframe atteinte, on peut accéder à son contenu, avec l'objet document :
var oFrame = window.zone_1.document; // Avec le name
var oFrame = window.frames["zone_1"].document; // Avec l'objet global
Pour changer le contenu, rien de plus simple par src :
Bouton 1 lance,
document.getElementById('zone_1').src = "autreFichier1.html";
Bouton 2 lance,
document.getElementById('zone_1').src = "autreFichier2.html";
etc.
Mais RAPPEL, par ID problème avec Ie
Sinon :
Bouton 1 lance,
<A HREF="autreFichier1.htm" TARGET="zone_1">
Bouton 2 lance,
<A HREF="autreFichier2.htm" TARGET="zone_1">
etc.
Cordialement, Yvanoph---