Affichage dynamique d'un div
Bonjour,
J'ai un souci avec une fonction js. Je suis un gros débutant dans cette techno et le code que je souhaite faire fonctionner est vraiment basique.
Dans ma page html un lien doit permettre de masquer ou afficher le contenu d'un div (en l'occurence un tableau contenant des images).
Mon code html est le suivant :
Code:
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
36
37
38
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page d'accueil</title>
<link rel="stylesheet" href="styles.css" />
<script src="js/scripts.js"></script>
</head>
<body>
<a href="#" onClick="javascript:afficherMiniature();" id="lienAfficheMini">Afficher les miniatures</a>
<div id="tableFonds">
<table>
<tr>
<td><img src="img/fondminiature/tn_fond1.jpg" alt="fond1" /></td>
<td><img src="img/fondminiature/tn_fond2.jpg" alt="fond2" /></td>
<td><img src="img/fondminiature/tn_fond3.jpg" alt="fond3" /></td>
</tr>
<tr>
<td><img src="img/fondminiature/tn_fond4.jpg" alt="fond4" /></td>
<td><img src="img/fondminiature/tn_fond5.jpg" alt="fond5" /></td>
<td><img src="img/fondminiature/tn_fond6.jpg" alt="fond6" /></td>
</tr>
</table>
</div>
</body>
</html> |
et la fonction js :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function afficherMiniature()
{
alert("TEST 1");
//Si la table est masquée alors on l'affiche et on met à jour le texte du lien
if(document.getElementById('tableFonds').style.dislay == "none")
{
alert("TEST 2");
document.getElementById('tableFonds').style.dislay = "block";
alert("TEST 3");
}
else //Sinon on masque la table et on met à jour le texte du lien
{
alert("TEST 5");
document.getElementById('tableFonds').style.dislay = "none";
alert("TEST 6");
}
} |
Il est à noter que l'affichage des alert() fonctionne correctement. Par conséquent la fonction est bien éxécutée et les if fonctionne comme il faut. Je ne comprend donct pas pourquoi les lignes permettant le changement de l'affichage ne fonctionne pas.
ps : je fait met test sous Firefox.
Merci d'avance pour votre aide !!!
