Controler la value d'un <input etc./>
Bonjour,
Voici le code HTML de ma page
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
|
<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> |
Comme vous le voyez quelques <div> et <input> que je piolote par javascript.
Ce qui me pose problème, c'est l'input "numeriX" en effet partout dans mon javascript $('#numeriX').val() me retourne undefined, ce qui d'autant plus frustant c'est que son jumeau l'input "mouseX" lui fonctionne très bien ! Aussi bien en lecture $('#mouseX).val() qu'en écriture $('#mouseX).val(newval)
Si je déplace <input type="hidden" id="numeriX" value="???"/> à la fin avec l'input de debug, là ça marche, mais c'est intellectuellement frustrant je trouve ! Ce <input type="hidden" id="numeriX" value="???"/> est sémantiquent rattaché à la <div id="measuring_tape_numeric">
Pour information voici l'extrait de mon javascript/jquery
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
|
$('#measuring_tape_numeric').bind("keydown", function (e) {
if (e.keyCode >= 96 && e.keyCode <= 105)
{
$c = (parseInt(e.keyCode) - 96);
if ($('#numeriX').val() == "ongoing")
{
alert($('#numeriX').val() + ' num ' + $c);
}
else
{
alert($('#numeriX').val() + ' num ' + $c);
$('#numeriX').val("ongoing");
$('#measuring_tape_numeric').text($c + 'mm');
}
}
else if (e.keyCode == 13)
{
alert('enter'+e.keyCode);
}
}); |
$('#numeriX').val() me renvoie toujours "undefined" :?