Activer une case à cocher

Salut et binevenue sur les forums de dvp.com,

Tu as plusieurs petits soucis. Dans ta fonction clickcondition tu écris:

Code:

document.conditions.cdv.checked == true;

or ce devrait être :

Code:

document.conditions.cdv.checked = true;

Le == sert lors des tests, l'affectation étant le =.

Ensuite, ton onclick du lien doit renvoyer false pour ne pas changer de page.

Enfin, si la personne lis les CGV, clickcondition est appelée mais le bouton de confirmation n'apparait pas pour autant :aie:

Finalement je t'ai rapidement remanié ton code ainsi:

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
<html>
  <head>
  <script type="text/javascript">
function condition() {
		//document.conditions.cdv.checked == true équivaut à  document.conditions.cdv.checked
		if (document.conditions.cdv.checked) {
		   document.getElementById('boutonconfirm').style.display='';
		}
		//document.conditions.cdv.checked == false est obligé si on n'est pas passé dans le bloc TRUE
		else { 
	 	   document.getElementById('boutonconfirm').style.display='none';
		}
	}

/* //V2 plus courte mais plus délicate à comprendre ?
function condition() {
    document.getElementById('boutonconfirm').style.display = document.conditions.cdv.checked ? '' : 'none' 
	}
*/
	
function clickcondition() {
    if (! document.conditions.cdv.checked ) {
        document.conditions.cdv.checked = true; 
        //n'oublions pas de gérer l'affichage du bouton de confirmation
        condition();
    }

}
  </script>
  
  </head>
  <body>
<form id="conditions" name="conditions">
          <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><label>
                <input name="cdv" type="checkbox" id="cdv" onClick="condition()" />
                Obligatoire : <a href="#" onclick="MM_openBrWindow('contenu/condition.php','condi','scrollbars=yes,width=500,height=700'); clickcondition();return false; " class="lienmenu" > je d&eacute;clare avoir pris connaissance des conditions de vente </a> </label></td>
              </tr>
            <tr>
              <td>
                <input name="boutonconfirm" type="button" id="boutonconfirm" value="Confirme" style="display:none"/>
              </td>
              </tr>
          </table>
          </form>
  </body>
</html>

J'ai ajouté un bouton de confirmation pour les tests.

Bon dev,

ERE