Bonsoir , cela fait longtemps que je n'ai plus fait de javascript.
Recommencez est un petit peu dur.
Regardez ce code:
Je voux explique mon problème j'essaye de faire un moyen que si on clique sur le <a> a id="popup" , que le bloc <div> a id="voix" devient visible.(car il n'est pas visible par défaut).
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <title>Devenez célèbre</title> </head> <body> <div id="fixe"> <ul id="menu"> <li> <a href="www.google.fr">Accueil</a> </li> <li> <a href="#">Connexion</a> </li> <li> <a href="#">Inscription</a> </li> <li> <a href="#">Forum</a> </li> <li> <a href="#">Aide</a> </li> <li> <a href="#">+</a> </li> </ul> </div> <script type="text/javascript"> <!-- sfHover = function() { var sfEls = document.getElementById("menu").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); --> </script> <div id="partenaires"> </div> <div id="photo"> </div> <div id="actu"> </div> <div id="texte"> </div> <div id="header"> <img src="1928941321749529-HhGk.gif" alt="banniere" /> </div> <hr/> <div id="fixe2"> <ul id="menu2"> <li> <a href="www.google.fr">Accueil</a> </li> <li> <a href="#">Connexion</a> </li> <li> <a href="#" id="popup">Inscription</a> </li> <li> <a href="#">Forum</a> </li> <li> <a href="#">Aide</a> </li> <li> <a href="#">+</a> </li> </ul> </div> <script type="text/javascript"> <!-- sfHover = function() { var sfEls = document.getElementById("menu2").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); --> </script> <div id="voix"> </div> <script type="text/javascript"> <!-- var popup = document.getElementById('popup'); var voix = document.getElementById('voix'); var voixStyle = getTooltip(voix).style; popup.addEventListener('click', function() { voixStyle.display = 'inline-block'; }, true); --> </script> </body> </html>
Or je n'y arrive pas
Comment faire?
Merci d'avance
Partager