Question JS

Version imprimable

15/05/2006, 16h05
amenofis4

Question JS

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.
15/05/2006, 16h46
Sheriff

au lieu de

Code:

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

tu ferais mieux de faire

Code:

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

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

@+

Ce qui cloche c'est le display

Citation:

display:none;

Pour un tableau il faut faire

Code:

'visibility:hidden'

pour cacher et

Code:

'visibility:visible'

pour remontrer un element

Tu pourrais par exemple utiliser le code suivant :
Code:

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!

15/05/2006, 19h23
amenofis4

Ok

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>
15/05/2006, 19h28
Sheriff

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