Discussion :

[nico_web]

Bonjour,

je possède le code suivant pour mon tableau :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<table width="99%" height="328" border="1" cellpadding="10">
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td colspan="4" rowspan="4">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table>

Il se compose de 36 cases et j'ai fusionné les 16 case du centre afin d'avoir un cadre au centre encadré de plus petits.

Dans ces petits cadres, je souhaite y mettre des petites image.
Je souhaite que lorsque l'on passe la souris sur une de ces image , elle s'affiche au centre.

comment faire svp?

merci

[Strab]

Code :

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

1
2
3
4
5
 
<td>
  <img src="monimage.gif" onMouseOver="javascript:affiche('monimage.gif')" />
</td>
<td colspan="4" rowspan="4" id="centre"></td>

Code :

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

1
2
3
4
5
6
 
<script language="javascript">
function affiche(src){
  centre.innerHTML = "<img src=\"" + src + "\">";
}
</script>

A généraliser à toutes tes cases bien sûr. C'est assez classique comme question, je pense que tu aurais pu trouver la réponse dans un tuto.

Strab