Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 01/12/2011, 20h18   #1
 
Homme vincent
Apprenti php
Inscription : juillet 2011
Messages : 21
Détails du profil
Informations personnelles :
Nom : Homme vincent
Localisation : France

Informations professionnelles :
Activité : Apprenti php

Informations forums :
Inscription : juillet 2011
Messages : 21
Points : -1
Points : -1
Par défaut Sytème de bloc supérieur aux autres

Bonsoir , cela fait longtemps que je n'ai plus fait de javascript.

Recommencez est un petit peu dur.

Regardez ce code:

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
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>
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).

Or je n'y arrive pas
Comment faire?

Merci d'avance
kikou732 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/12/2011, 20h47   #2
Nouveau Membre du Club
 
Homme valentin lafranca
Lycéen
Inscription : mai 2011
Messages : 74
Détails du profil
Informations personnelles :
Nom : Homme valentin lafranca
Âge : 19
Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

Informations professionnelles :
Activité : Lycéen

Informations forums :
Inscription : mai 2011
Messages : 74
Points : 26
Points : 26
Salut,
Voila une solution :
Code :
<a href="#" id="popup" onclick="document.getElementById('voix').style.display='inline ou block (ça dépend de ton code)';">Inscription</a>
Sinon tu peux mettre dans une fonction et l'appeller avec le onclick ça feras plus propre
Onyrio est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 15h01.


 
 
 
 
Partenaires

Hébergement Web