11545 sujets

JavaScript, DOM et API Web HTML5

<input type="hidden" id="..." value="...&q

Bonjour,

je me suis arrachée les cheveux sur un problème dont j'ai trouvé une solution, mais j'aimerais comprendre le pourquoi du comment.

J'ai un fichier html dont le <body> est essentiellement constitué de <div> identifiées par un id unique que je pilote par javascript et jQuery.

En plus de ces <div> j'ai quelques champs <input> :
- l'un (id="debug") me sert juste au debug et sera à terme supprimé,
- les deux autres (id="mouseX" et id="numeriX") sont hidden et contiennent des données intermédiaires à mon traitement.

id="mouseX" est dans la div id="measuring_tape_cursor"
id="numeriX" est dans la div id="measuring_tape_numeric"
id="debug" est dans une div temporaire à part avec juste style="float:right" pour qu'elle se positionne à droite et ne gène pas la visualisation.

Dans mes scripts :
$('#mouseX').val(nouvelle valeur);
$('#debug').val(nouvelle valeur);
tout cela est ok ! Mais :
$('#numeriX').val(nouvelle valeur); ne fonctionne pas ! Il ne fonctionne que si je déplace <input type="hidden" id="numeriX" value="???"/> avec <input type="text" id="debug" value="debug"> ce qui ne correspond pas à la huierarchisation de mes données, c'est intellectuellement frustrant de ne pas comprendre Smiley fache 

<body>
  
  <div id="measuring_tape_rolling_picto">
  </div>
  <div id="measuring_tape_cursor">
  	<input type="hidden" id="mouseX" value="???"/>
  </div>
  <div id="measuring_tape_fixed_picto">
  </div>
  <div id="measuring_tape_numeric">
  	<!-- Ca ne marche pas ici : --> <input type="hidden" id="numeriX" value="???"/>
  </div>
	
  <div style="float:right">
  	<input type="text" id="debug" value="debug"></input>
        <!-- Ca marche ici : <input type="hidden" id="numeriX" value="???"/> -->
  </div>

</body>


POURQUOI ????
La partie de mon script qui ne marche pas est :
    $('#measuring_tape_numeric').bind("keydown", function (e) {
        if (e.keyCode >= 96 && e.keyCode <= 105)
        {
            $c = (parseInt(e.keyCode) - 96);
            if ($('#numeriX').val() == "ongoing")
            {
            }
            else
            {
                $('#numeriX').val("ongoing");
            }
            alert($('#numeriX').val() + ' num ' + $c);
        }
        else if (e.keyCode == 13)
        {
        alert('enter'+e.keyCode);
        }


$('#numeriX').val() me renvoie toujours "undefined" dans ma boite d'alerte
Sujet clos
Aller à