IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Sélecteur et AddClass


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti Avatar de kentaro
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 46
    Par défaut Sélecteur et AddClass
    Bonjour à tous et meilleur vœux

    j'ai un problème avec le code suivant, je n'arrive pas à changer l’état d'une balise de type : <input type="checkbox" avec la fonction AddClass, j'ai bien essayé ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('input[type=checkbox]:checked').eq(i).addClass("vrai");
    mais sa ne fonctionne pas .

    je met le code pour comprendre le pourquoi...(j'ai indiqué le pb dans le code , ligne 170, 176 et 177)
    merci pour votre aide

    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
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1.0">
      <meta name="author" content="Daniel Hagnoul">
      <title>Test</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.min.css">
      <style>
     
    	#content{
    	  height: 300px;
    	}
     
        .dragAble {
          width: 160px; height: 40px;
          border: 1px solid #888888;
          background: #f0f0f0;
          margin: 10px 0;
    	  display:inline-block;
        }
     
        .dragAble p, .dropAble p {
          font-size: 15px;
          text-align: center;
          margin-top: 9px;
        }
     
        .dragAble p:hover, .dropAble p:hover {
          cursor: default;
        }
     
        .dropAble {
          width: 160px; height: 40px;
          border: 2px dashed #888888;
          margin: 10px 0;
     
        }
     
        .highlight {
          border: 2px solid yellow;
          background-color:yellow;
        }
     
        .vrai { border: 2px dashed green; }
        .faux { border: 2px dashed red; }
     
     
      </style>
    </head>
     
    <body>
     
     <h2>Question 1</h2><br>
     repond à ses questions?
     
      <div id="content">
        <div class="dragAble" data-q ="0" data-r="a">
          <p>Blanc</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="b">
          <p>Henri IV</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="c">
          <p>Cheval</p>
        </div>
    	 <div class="dragAble" data-q ="0" data-r="d">
          <p>Carré</p>
        </div>
     
        <div class="dropAble" data-q="1">
            <p>Couleur ?</p>
        </div>
        <div class="dropAble" data-q="2">
            <p>Animal ?</p>
        </div>
        <div class="dropAble" data-q="3">
            <p>Prénom ?</p>
        </div>
    	<div class="dropAble" data-q="4">
            <p>forme ?</p>
        </div>
      </div>
     
    	<h2>Question 2</h2>
            un + un :<br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="e">Un</span><br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="f">Deux</span><br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="g">Trois</span><br>
     
    	 <h2>Question 3</h2>
            un + deux :<br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="h">Un</span><br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="i">Deux</span><br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="j">Trois</span><br>  
     
    	  <h2>Question 4</h2>
            un + zero :<br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="k">Un</span><br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="l">Deux</span><br>
            <span id="r"><input type="checkbox" class="qcm" name="q1" data-s="m">Trois</span><br> 
     
      <br><br>
      <p><button id="bouton">Check</button></p>
     
     
     
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
     
      <script>
     
    	$(document).ready( function( ){
     
     
    		  $('.dragAble').draggable({
    			"containment" : "#content",
    			"cursor" : "move",
    			"stack" : ".dragAble",
    			"start" : function(){
    			  $( ".dropAble" ).removeClass( "vrai faux" );
    			  $( "#result" ).empty();
    			}							
    		  });
     
    		  $( ".dropAble" ).droppable({
    			"accept" : ".dragAble",
    			"hoverClass" : "highlight",
    			"drop" : function( event, ui ){
    			  $( ui.draggable ).data( "q", $( this ).data( "q" ) );
    			}
    		  });
     
     
    		  $( "#bouton" ).on( "click", function( event ){
    				var
     
    				  correctAnswers = [ "1-a", "2-c", "3-b","4-d","e","f","j","k"],
    				  boolResult = [],
    				  boolOK = true,
    				  number = 0,
    				  num = 0,
    				  question = [],
    				  results = [];
     
     
    				$( ".dragAble" ).each( function( i, item ){
    				  results.push( $( item ).data( "q" ) + "-" + $( item ).data( "r" ) );
    				});
     
    				$('input[type=checkbox]:checked').each( function( i, item ){
    				  results.push( $( item ).data( "s" ) );
     
    				});
     
    				$.each( results, function( index, value ){
    					if ($.inArray( value, correctAnswers ) == -1){										
    						boolResult.push (false);
     
    					}else{
    						boolResult.push (true);
    					}
    				});
     
    				$.each( boolResult, function( i, item){
    					if (item){
    						$( ".dropAble" ).eq( i ).addClass("vrai");
     
    			/*PROBLEME ICI*/  $('input[type=checkbox]:checked').eq(i).addClass("vrai");	
     
    					}else{
    						boolOK = false;
    						$( ".dropAble" ).eq( i ).addClass("faux");
     
    						$('input[type=checkbox]:checked').addClass('faux');
    						$('input[type=checkbox]').addClass('faux');
     
    					}  
    				});			
    		  });
        });
     
     
      </script>
     
     
     
    </body>
    </html>

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 516
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 516
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('input[type=checkbox]:checked').each( function( i, item )
    essaie avec les "" c'est à dire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("input[type=checkbox]:checked").each( function( i, item )

  3. #3
    Membre averti Avatar de kentaro
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 46
    Par défaut
    Merci pour ton aide , helas sa ne fonctionne pas

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    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
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1.0">
      <meta name="author" content="Daniel Hagnoul">
      <title>Test</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.css">
      <style>
     
        #content{
          height: 300px;
        }
     
        .dragAble {
          width: 160px; height: 40px;
          border: 1px solid #888888;
          background: #f0f0f0;
          margin: 10px 0;
          display:inline-block;
        }
     
        .dragAble p, .dropAble p {
          font-size: 15px;
          text-align: center;
          margin-top: 9px;
        }
     
        .dragAble p:hover, .dropAble p:hover {
          cursor: default;
        }
     
        .dropAble {
          width: 160px; height: 40px;
          border: 2px dashed #888888;
          margin: 10px 0;
     
        }
     
        .highlight {
          border: 2px solid yellow;
          background-color:yellow;
        }
     
        .vrai { border: 2px dashed green; }
        .faux { border: 2px dashed red; }
     
     
      </style>
    </head>
    <body>
     
      <h2>Question 1</h2>
      <br>
      repond à ses questions?
     
      <div id="content">
        <div class="dragAble" data-q ="0" data-r="a">
          <p>Blanc</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="b">
          <p>Henri IV</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="c">
          <p>Cheval</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="d">
          <p>Carré</p>
        </div>
     
        <div class="dropAble" data-q="1">
          <p>Couleur ?</p>
        </div>
        <div class="dropAble" data-q="2">
          <p>Animal ?</p>
        </div>
        <div class="dropAble" data-q="3">
          <p>Prénom ?</p>
        </div>
        <div class="dropAble" data-q="4">
          <p>forme ?</p>
        </div>
      </div>
     
    	<h2>Question 2</h2>
      un + un :<br>
      <label><input type="radio" class="qcm" name="qcm1" data-q="1" data-r="a">Un</label><br>
      <label><input type="radio" class="qcm" name="qcm1" data-q="1" data-r="b">Deux</label><br>
      <label><input type="radio" class="qcm" name="qcm1" data-q="1" data-r="c">Trois</label><br>
     
    	<h2>Question 3</h2>
      un + deux :<br>
      <label><input type="radio" class="qcm" name="qcm2" data-q="2" data-r="a">Un</label><br>
      <label><input type="radio" class="qcm" name="qcm2" data-q="2" data-r="b">Deux</label><br>
      <label><input type="radio" class="qcm" name="qcm2" data-q="2" data-r="c">Trois</label><br>
     
      <h2>Question 4</h2>
      un + zero :<br>
      <label><input type="radio" class="qcm" name="qcm3" data-q="3" data-r="a">Un</label><br>
      <label><input type="radio" class="qcm" name="qcm3" data-q="3" data-r="b">Deux</label><br>
      <label><input type="radio" class="qcm" name="qcm3" data-q="3" data-r="c">Trois</label><br>
     
      <br><br>
      <p><button id="bouton">Check</button></p>
     
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <script>
        "use strict";
     
        $( function(){ // forme abrégée de $(document).ready( function( ){
     
    		  $('.dragAble').draggable({
            "containment" : "#content",
            "cursor" : "move",
            "stack" : ".dragAble",
            "start" : function(){
              $( ".dropAble" ).removeClass( "vrai faux" ); // reset droppable
            }							
    		  });
     
    		  $( ".dropAble" ).droppable({
            "accept" : ".dragAble",
            "hoverClass" : "highlight",
            "drop" : function( event, ui ){
              $( ui.draggable ).data( "q", $( this ).data( "q" ) );
            }
    		  });
     
     
    		  $( "#bouton" ).on( "click", function( event ){
    				var
    				  droppableCorrectAnswers = [ "1-a", "2-c", "3-b","4-d" ],
              qcmCorrectAnswers = [ "1-b", "2-c", "3-a" ],
    				  droppableBoolResult = [],
    				  qcmBoolResult = [],
    				  droppableResults = [],
    				  qcmResults = [];
     
            /* Droppable */
     
    				$( ".dragAble" ).each( function( i, item ){
    				  droppableResults.push( $( item ).data( "q" ) + "-" + $( item ).data( "r" ) );
    				});
     
            // debug, console, touche F12
            // console.log( droppableResults );
     
    				$.each( droppableResults, function( index, value ){
    					if ( $.inArray( value, droppableCorrectAnswers ) == -1 ){										
    						droppableBoolResult.push( false );
    					} else {
    						droppableBoolResult.push( true );
    					}
    				});
     
    				$.each( droppableBoolResult, function( i, item ){
              if ( item ){
                $( ".dropAble" ).eq( i ).addClass( "vrai" );
              } else {
                $( ".dropAble" ).eq( i ).addClass( "faux" );
              }  
    				});
     
            /* QCM */
     
            // reset
            $( "input.qcm" ).each( function( i, item ){
              $( item ).parent().removeClass( "vrai faux" );
            });
     
            var jObjChecked = $( "input.qcm:checked" );
     
    				jObjChecked.each( function( i, item ){
    				  qcmResults.push( $( item ).data( "q" ) + "-" + $( item ).data( "r" ) );
    				});
     
            // debug, console, touche F12
            // console.log( qcmResults );
     
    				$.each( qcmResults, function( index, value ){
    					if ( $.inArray( value, qcmCorrectAnswers ) == -1 ){										
    						qcmBoolResult.push( false );
    					} else {
    						qcmBoolResult.push( true );
    					}
    				});
     
    				$.each( qcmBoolResult, function( i, item ){
              if ( item ){
                jObjChecked.eq( i ).parent().addClass( "vrai" );
              } else {
                jObjChecked.eq( i ).parent().addClass( "faux" );
              }  
    				});
    		  });
     
        });
      </script>
    </body>
    </html>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    Membre averti Avatar de kentaro
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 46
    Par défaut
    Je te remercie infiniment pour ton ton aide daniel ,cela fonctionne parfaitement, je te souhaite une belle et heureuse année.


  6. #6
    Membre averti Avatar de kentaro
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    46
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 46
    Par défaut
    Bonjour á tous

    je reviens vers vous pour un problème que je n'arrive pas á corriger , il s'agit des Addclass qui fonctionnent biens (quand toutes les réponses sont justes ou quand elles sont toutes fausses) , mais peut parfois bugger quand je répond volontairement faux au drag/drop (la ou il doit encadrer en vert pour une réponse juste , il l'encadre en rouge) le problème vient je crois du sélecteur* eq(i) et de son itération (i), dans le code suivant,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    $.each( boolResult, function( i, item ){
     
    			alert(item);//(b-1)....
    			alert(boolResult);//false true
     
    					if ( item ){
    						$( ".dropAble" ).eq( i ).addClass( "vrai" );
    						//$( ".dropAble" ).eq( i ).toggleClass( "vrai" );
    					} else {
    						$( ".dropAble" ).eq( i).addClass( "faux" );
    						//$( ".dropAble" ).eq( i ).toggleClass( "vrai" );
    					}  
    		});
    le boolean (true/false) dans la variable « boolResult*» n'est pas au même niveau d’itération que le eq(i),addclass , ce qui engendre un décalage et du coup le addClass ne va pas modifier la bonne Class. J'aimerai justement corriger ce décalage et que l’itération (i ) de la variable ''boolResult'' soit en phase avec l’itération (i)de addClass.

    je met le code dans son intégralité pour mieux comprendre le pourquoi du comment.

    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
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1.0">
      <meta name="author" content="Daniel Hagnoul">
      <title>Test</title>
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.min.css">
      <style>
        .dragAble {
          width: 160px; height: 37px;
          border: 1px solid #888888;
          background: #f0f0f0;
          margin: 10px 0;
        }
        .dragAble p, .dropAble p {
          font-size: 15px;
          text-align: center;
          margin-top: 9px;
        }
        .dragAble p:hover, .dropAble p:hover {
          cursor: default;
        }
        .dropAble {
          width: 160px; height: 40px;
          border: 2px dashed #888888;
          margin: 10px 0;
        }
        .highlight {
          border: 2px solid yellow;
          background-color:yellow;
        }
        .vrai { border: 2px dashed green; }
        .faux { border: 2px dashed red; }
      </style>
    </head>
    <body>
     
      <div id="content">
        <div class="dragAble" data-q ="0" data-r="a">
          <p>Blanc (a)</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="b">
          <p>Cheval(b)</p>
        </div>
        <div class="dragAble" data-q ="0" data-r="c">
          <p>Henri IV (c)</p>
        </div>
    	<div class="dragAble" data-q ="0" data-r="d">
          <p>carre (d)</p>
        </div>
     
     
        <div class="dropAble" data-q="1">
            <p>Animal ?</p>
        </div><p>Animal ? (1)</p>
     
    	<div class="dropAble" data-q="2">
            <p>Forme ?</p>
        </div><p>Forme ? (2)</p>
     
        <div class="dropAble" data-q="3">
            <p>Couleur ?</p>
        </div><p>Couleur ?(3)</p>
     
        <div class="dropAble" data-q="4">
            <p>Prénom ?</p>
        </div><p>Prénom ?(4)</p>
      </div>
      <div id="result"></div>
     
      Point:<div id="point"></div>
      <button id="check">Check</button>
     
     
     
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <script>
        "use strict";
     
    		$( function(){ // forme abrégée de $(document).ready( function( ){
     
          $('.dragAble').draggable({
            "containment" : "#content",
            "cursor" : "move",
            //"snap" : ".dropAble",
            "stack" : ".dragAble",
            "start" : function(){ // reset
              $( ".dropAble" ).removeClass( "vrai faux" );
              $( "#result" ).empty();
              $( this ).data( "q", "0" );
            }
          });
     
          $( ".dropAble" ).droppable({
            "accept" : ".dragAble",
            "hoverClass" : "highlight",
            "drop" : function( event, ui ){
              $( ui.draggable ).data( "q", $( this ).data( "q" ) );
            }
          });
     
          $( "#check" ).on( "click", function( event ){
            var
     
    		  correctAnswers = [ "a-3", "b-1", "c-4" ,"d-2" ],
    		  point = 0,
              boolResult = [],
              boolOK = true,
              results = [];
     
            $( ".dragAble" ).each( function( i, item ){
     
    		  results.push( $( item ).data( "r" ) + "-" + $( item ).data( "q" ) );
     
            });
     
     				$.each( results, function( index, value ){
     
    					if ( $.inArray( value, correctAnswers ) == -1 ){										
    						boolResult.push( false );
    						alert(boolResult);
    					} else {
    						boolResult.push( true );
    						alert(boolResult);
    						++point;
    					}
    				});
     
    		$.each( boolResult, function( i, item ){
     
    			alert(item);//(b-1)....
    			alert(boolResult);//false true
     
    					if ( item ){
    						$( ".dropAble" ).eq( i ).addClass( "vrai" );
     
    					} else {
    						$( ".dropAble" ).eq( i).addClass( "faux" );
     
    					}  
    		});
     
     
            if ( boolOK ){
              $( "#result" ).html( '<p>Les réponses sont correctes.</p>' );
            } else {
              $( "#result" ).html( '<p>Une ou plusieurs réponses sont fausses ou manquantes.</p>' );
            }
     
    		document.getElementById("point").innerHTML = point;
     
          });
     
        });
      </script>
    </body>
    </html>
    Merci pour votre aide

Discussions similaires

  1. Sélecteur de répertoires
    Par ®om dans le forum AWT/Swing
    Réponses: 6
    Dernier message: 27/07/2006, 10h06
  2. [CSS] classes universelles et sélecteur d'ID
    Par speedev dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/06/2006, 10h56
  3. [VBA] Masquer les sélecteurs de ligne/colonnes (1,2..,A,B,C)
    Par skual dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 02/03/2006, 08h52
  4. Modification sélecteur formulaire
    Par Gebudi. dans le forum Access
    Réponses: 5
    Dernier message: 11/01/2006, 09h01
  5. Réponses: 2
    Dernier message: 09/09/2005, 10h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo