Discussion :

[@rno0059]

Bonsoir,
Je travaille sur un site construit à partir d'un tableau et d'iframes. Voici un lien vers une maquette : http://www.bc-douchy.fr/essai/index.htm
Je voudrais savoir si je peux changer l'image d'une cellule (celle dans laquelle est écrit "les nouvautés") quand je clique sur un bouton de menu.
Cela permettrait d'avoir un cadre personnalisé de mon iframe en fonction du menu choisi.

Merci pour votre aide.

@+
@rno

[Sancho_54]

Il suffit que tu change le background-image de ton iframe lors du clique sur ton menu

[@rno0059]

Il suffit que tu change le background-image de ton iframe lors du clique sur ton menu

OK, alors, dans ce code ci-après, que faut-il ajouter pour effectuer le changement d'image dans l'iframe.

Code :

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

1
2
3
4
5
6
	  <a href="page1.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','p1b.png',1)">
	     <img src="p1a.png" name="Image1" width="150" height="30" border="0"><br>
      </a><a href="page2.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','p2b.png',1)">
	     <img src="p2a.png" name="Image2" width="150" height="30" border="0"><br>
      </a><a href="news.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','newsb.png',1)">
	     <img src="newsa.png" name="Image3" width="150" height="30" border="0"></a><a href="page2.htm" target="iframe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','p2a.png',1)"></a>

Est-ce un truc du genre

Code :

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

onclick

?

En fait, j'aimerai changer l'image qui se situe au dessus de l'iframe. C'est le background d'une cellule de tableau. Est-ce qu'on peut donner un nom aux cellules de tableau est utiliser ensuite un code du type "onclick nomcellule.background="aa.png" ???

Merci d'aider une grand débutant...

@+
@rno

[Kerod]

TU peux donner un exemple de ce que tu veux faire avec du code stp ?

[@rno0059]

TU peux donner un exemple de ce que tu veux faire avec du code stp ?

c'est bien ça le problème : je ne sais pas quoi mettre comme code.
En gros, j'ai créé l'aspect de ma page en découpant sous photoshop une grande image (voir l'essai http://www.bc-douchy.fr/essai/index.htm)
le menu est fait d'images survolées et lorsque je clique sur un bouton, la page correspondante s'affiche dans l'iframe au centre de la page. cette iframe accepte la transparence ce qui permet de garder une uniformité visuelle de ma page.
Par ce même clic sur le bouton du menu, je voudrais que l'image (un background de cellule de tableau) au dessus de l'iframe change (pour rappeler le titre de la page qu'on visualise à cet instant.)

Je me demandais si cela était possible et quel code fallait-il saisir pour que ce changement d'image se fasse.

L'autre possibilité serait de changer l'image de fond de l'iframe. C'est peut-être plus facile à réaliser car mon iframe possède un nom (iframe1).

J'espère avoit été clair

Merci de votre aide

@+
@rno

[Kerod]

Ah je vois dans ce cas ce que je propose c'est :

Code html :

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

<td id=titrepage"></td>

Code html :

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

<a href="#" onclick="document.getElementById('titrePage').style.backgroundImage = 'tonimage'"></a>