changer la source d'une iframe

changer la source d'une iframe - HTML/CSS - Programmation

Marsh Posté le 08-10-2010 à 17:40:41    

Bonjour à tous,
 
je voudrais réussir à changer la source de mes deux iframes qui sont intégrées dans ma page principal en cliquand simplement sur un image qui est sur ma page principal...!!!
 
 
exemple:
 
<body>
<table width="900" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>en cliquand sur cette image apeler mes sources d'iframe 1<img src="../newdesign/1.jpg" width="305" height="204" border="0"></td>
    <td>en cliquand sur cette image apeler mes sources d'iframe 2<img src="../newdesign/2.jpg" width="305" height="204" border="0"></td>
    <td>en cliquand sur cette image apeler mes sources d'iframe 3<img src="../newdesign/3.jpg" width="305" height="204" border="0"></td>
  </tr>
  <tr>
    <td colspan="3"><div align="center"><iframe width="930px" height="500px" src="galerie/galerie1/pages/photos1.htm"(au clic sur l'image changer la source de cette iframe) align=center frameborder=0 hspace=0 vspace=0 name="topframe"></iframe></div></td>
  </tr>
  <tr>
    <td colspan="3"><div align="center"><iframe width=930px height="210px" src="galerie/galerie1/ThumbnailFrame.htm" (au clic sur l'image changer la source de cette iframe) align=left frameborder=0 hspace=0 vspace=0 name="bottomframe"> </iframe></div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
 
ou peut etre l'iframe n'est pas la bonne solution mais il faut que la source change sans changer de page principal.
 
 
si je n'est pas été assez claire n'hesitez pas a me soliciter ;-)


Message édité par janvan le 08-10-2010 à 18:09:04
Reply

Marsh Posté le 08-10-2010 à 17:40:41   

Reply

Marsh Posté le 08-10-2010 à 22:46:50    

Bonjour
J'avais fait un script, y a 3 ou 4 mois :
http://membres.multimania.fr/yarflam/SsS.html
 
Tu indiques dans ton iframe une ID et tu initialise en javascript à partir de cette dernière. Avec OnClick dans ton image.
<img src="monimage.jpg" OnClick="javascript:document.getElementById('MonID').src = 'http://www.google.fr';"></img>
 
Par contre <div align="center"></div> est inutile !
Tu met <center> et </center> pour éviter des interactions lorsque tu utilise du CSS. Et puis c'est moins long à écrire :)


Message édité par cetplus le 08-10-2010 à 22:49:52
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed