Question JS

**amenofis4** · 15/05/2006, 16h05

Bonjour,

c'est la première fois que je programme en javascript, j'ai trouvé deux ou trois trucs sur internet et j'ai essayé de bricoler ce code:
<table><tr><td style="width: 160px; vertical-align: top;" id="cache">

.....

<a href="javascript:;" onMouseover="document.getElementById('cache').style='width: 160px; vertical-align: top; display: none;'" onMouseout="document.getElementById('cache').style='width: 160px; vertical-align: top;'">clik ici</a>

Vous vous en doutez, ca ne marche pas, mais pourquoi ?

Merci bcp,

Amenofis4.

**Sheriff** · 15/05/2006, 16h46

au lieu de

Code :

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

document.getElementById('cache').style='width: 160px; vertical-align: top;

tu ferais mieux de faire

Code :

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

document.getElementById('cache').style.width=160px; document.getElementById('cache').style.display='none';

, etc.
et faudrait lire la doc sur les styles et le js...

@+

**lalouve** · 15/05/2006, 18h24

Ce qui cloche c'est le display

display:none;

Pour un tableau il faut faire

Code :

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

'visibility:hidden'

pour cacher et

Code :

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

'visibility:visible'

pour remontrer un element

Tu pourrais par exemple utiliser le code suivant :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
    <title>titre</title>
</head>
 
<body>
 
<table id="maTable">
    <tr>
        <td id="cache">Une cellule</td>
        <td>Une autre cellule</td>
    </tr>
</table>
 
<a href="javascript:void(0);" onmouseover="document.getElementById('cache').style.visibility = 'hidden';" onmouseout="document.getElementById('cache').style.visibility = 'visible';" title="Passer la souris sur ce lien pour Cacher/Monter la cellule du tableau">Cacher/Montrer</a>
 
</body>
</html>

Bon courage, ça vaut le coup!

E-Spiration: source d'Idées!

**amenofis4** · 15/05/2006, 19h23

Merci à tous, j'ai fait comme ceci:

<a onClick="document.getElementById('cache').style.display= 'none'"><img src="images/croix.gif" alt="Cacher" style="margin: 0; padding: 0;" /></a><br />
<a onClick="document.getElementById('cache').style.display= 'inline'"><img src="images/croix2.gif" alt="Afficher" style="margin: 0; padding: 0;" /></a>

**Sheriff** · 15/05/2006, 19h28

salut !
N'oublie pas d'ajouter le tag "Résolu" !!!
@+

Question JS

JavaScript

Discussions similaires

Partager

Partager