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 html : 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
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 :
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.
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 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"); } }
ps : je fait met test sous Firefox.
Merci d'avance pour votre aide !!!
Partager