affichage dynamique

Ma question est : je souhaite afficher dans un champ un chiffre (ex:0) puis de chaque coté de ce champs, un bouton + et un bouton - qui permet d'augmenter ou de diminuer ce chiffre. J'ai besoin de votre aide.

Je sais qu'il faut faire comme ca :

<div style="text-align:center;margin-top:100px">

<input type="button" value="-" style="width:20px" onclick="document.getElementById('numero').value--" />

<input type="text" value="0" readonly="readonly" id="numero" style="width:20px;text-align:center" />

<input type="button" value="+" style="width:20px" onclick="document.getElementById('numero').value++" />

</div>

Et ceci fonctionne correctement. Mais comme je suis dans une boucle php, je rajoute echo devant, ce qui donne ,
echo "<td><div align='center'><input type='button' value='-' style='width:20px' onclick='document.getElementById('numero').value--'> <input type='text' value='0' readonly='readonly' id='numero' style='width:20px;text-align:center'><input type='button' value='+' style='width:20px' onclick='document.getElementById('numero').value++'></td>";

Mais ca ne fonctionne plus. Je ne comprend pas pourquoi. Merci de votre aide

Salut,
Le probleme vient des quotes simples et doubles.
Essaie ca :

echo'<input type="button" value="-" style="width:20px"
onclick="document.getElementById(\'numero\').value--" />

<input type="text" value="0" readonly="readonly" id="numero"
style="width:20px;text-align:center" />

<input type="button" value="+" style="width:20px"
onclick="document.getElementById(\'numero\').value++" />';

Ou plutot comme ça, c'est plus élégant, et ça respecte la logique de la syntaxe :

echo "<td><div align='center'><input type='button' value='-' style='width:20px' onclick=\"document.getElementById('numero').value--\"> <input type='text' value='0' readonly='readonly' id='numero' style='width:20px;text-align:center'><input type='button' value='+' style='width:20px' onclick=\"document.getElementById('numero').value++\"></td>";

J'aimerais maintenant limiter le + et le - entre 0 et 100

echo'<input type="button" value="-" style="width:20px" onclick="dec(\'numero\')" />

<input type="text" value="0" readonly="readonly" id="numero"
style="width:20px;text-align:center" />

<input type="button" value="+" style="width:20px"
onclick="inc(\'numero\')" />

<script>
function inc(id){
with(getElementById(id))
if(value<100) value++;
}
function dec(id){
with(getElementById(id))
if(value>0) value--;
}
</script>';

La prochaine fois poste ça sur javascriptfr.com !!