Discussion :

[Bullit84]

Bonjour à tous

J'ai besoin d'un tout petit script php/javascript pour pouvoir afficher un bouton de confirmation uniquement si la case est coché.

J'ai écris ca :

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
 
<script type="text/javascript">
 
    function changeDisplay(Case)
        {
        var Coche = document.getElementById(Case).checked;
 
        if(Coche == true)
            {
            document.getElementById("calque").style.display = block;
            }
        else if(Coche == false)
            {
            document.getElementById("calque").style.display = none;
            }
        }
 
</script>
 
<p>Bonjour</p>
 
<div id="calque" style="border: 1px solid red; width: 170px;">
    <p style="text-align: center;">Ce bloc peut être caché</p>
</div>
 
<p><input type="checkbox" id="Case" name="case_a_cocher" onClick="changeDisplay(this.id)">J'accepte les conditions d'utilisation</p>

Mais ca ne fonctionne pas.

Quelqu'un aurait-il une idée de pourquoi ça ne fonctionne pas ?

Merci à tous

[Bullit84]

C'est bon j'ai trouvé mon erreur ^^

Petite erreur très bête, j'avais juste oublié les quote autour de display et none

Merci la console d'erreur de Firefox

[Bullit84]

J'ai encore un petit soucis

Je voudrais que ma <div> que l'on peut cacher soit masquée par defaut

J'ai donc rajouté ca dont mon code mais ca ne marche 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
21
22
23
24
25
26
27
28
 
<script type="text/javascript">
 
    function changeDisplay(Case)
        {
        var Coche = document.getElementById(Case).checked;
 
        if(Coche == true)
            {
            document.getElementById("calque").style.display = 'block';
            }
        else if(Coche == false)
            {
            document.getElementById("calque").style.display = 'none';
            }
        }
 
</script>
 
<p>Bonjour</p>
 
<div id="calque" style="border: 1px solid red; width: 170px;">
    <p style="text-align: center;">Ce bloc peut être caché</p>
</div>
 
<p>
    <input type="checkbox" id="Case" name="case_a_cocher" onLoad = "changeDisplay(this.id)" onClick="changeDisplay(this.id)">J'accepte les conditions d'utilisation
</p>

[dede94]

et si tu met visibility: hidden dans ton div?