Здравствуйте , у нас есть таблица кнопок с числами , и поле под ней : Как сделать так чтобы после нажатий на кнопки , числа вводились в поле под таблицей,через запятую ? исходник --- Есть вариант , но в нем есть проблема - из за которой скрипт не работает : Code: <html> <body> <script type="text/javascript"> function f(id) { document.getElementById('txt').setAttribute('value ', document.getElementById(id).getAttribute("value")+" clicked!"); } </script> <input type="button" id="btn" value="Some Button" onclick="f('btn')" /> <input type="button" id="btn2" value="Another Button" onclick="f('btn2')" /> <input type="text" id="txt" /> </body> </html> --- всем ответившим +10 , спасибо
Code: <script> function add(value){ var text = document.getElementById("result"); if (text.value == ""){ text.value = value; } else { text.value = text.value + "," + value; } } </script> <table width="213" height="239" border="0" background="ti2.png"> <tr> <td height="48" colspan="5"></td> </tr> <tr> <td width="33" height="26"><input type="button" name="22" id="22" value="22" onclick="add(this.value);"></td> <td width="30" height="26"><input type="button" name="222" id="222" value="03" onclick="add(this.value);"></td> <td width="29" height="26"><input type="button" name="223" id="223" value="16" onclick="add(this.value);"></td> <td width="30" height="26"><input type="button" name="224" id="224" value="44" onclick="add(this.value);"></td> <td width="32" height="26"><input type="button" name="225" id="225" value="36" onclick="add(this.value);"></td> </tr> <tr> <td height="26"><input type="submit" name="2210" id="2210" value="33"></td> <td><input type="button" name="229" id="229" value="76" onclick="add(this.value);"></td> <td><input type="button" name="228" id="228" value="12" onclick="add(this.value);"></td> <td><input type="button" name="227" id="227" value="44" onclick="add(this.value);"></td> <td><input type="button" name="226" id="226" value="77" height="15" onclick="add(this.value);"></td> </tr> <tr> <td height="26"><input type="submit" name="2211" id="2211" value="45"></td> <td><input type="button" name="2212" id="2212" value="76" onclick="add(this.value);"></td> <td><input type="button" name="2213" id="2213" value="87" onclick="add(this.value);"></td> <td><input type="button" name="2214" id="2214" value="98" onclick="add(this.value);"></td> <td><input type="button" name="2215" id="2215" value="32" onclick="add(this.value);"></td> </tr> <tr> <td height="26"><input type="submit" name="2220" id="2220" value="44"></td> <td><input type="button" name="2219" id="2219" value="56" onclick="add(this.value);"></td> <td><input type="button" name="2218" id="2218" value="76" onclick="add(this.value);"></td> <td><input type="button" name="2217" id="2217" value="87" onclick="add(this.value);"></td> <td><input type="button" name="2216" id="2216" value="98" onclick="add(this.value);"></td> </tr> <tr> <td height="26"><input type="submit" name="2221" id="2221" value="09"></td> <td><input type="button" name="2222" id="2222" value="22" onclick="add(this.value);"></td> <td><input type="button" name="2223" id="2223" value="98" onclick="add(this.value);"></td> <td><input type="button" name="2224" id="2224" value="22" onclick="add(this.value);"></td> <td><input type="button" name="2225" id="2225" value="23" onclick="add(this.value);"></td> </tr> <tr> <td height="26"><input type="submit" name="2230" id="2230" value="65"></td> <td><input type="button" name="2229" id="2229" value="77" onclick="add(this.value);"></td> <td><input type="button" name="2228" id="2228" value="87" onclick="add(this.value);"></td> <td><input type="button" name="2227" id="2227" value="99" onclick="add(this.value);"></td> <td><input type="button" name="2226" id="2226" value="45" onclick="add(this.value);"></td> </tr> <tr> <td colspan="5"><div align="center"> <form name="form1" method="post" action=""> <label> <input type="text" name="result" id="result"> </label> <label> <input type="submit" name="button" id="button" value="подтвердить"> </label> </form> </div></td> </tr> </table>
Спасибо ! очень хорошо работает . У меня еще один вопрос - как ограничить кол-во вводимых чисел ? Допустим "6" В любом случае +10 !
Sharky ,+10 - спасибо за ответ - но поможет ли кто нибудь решить вопрос по поводу кол-ва введенных чисел в строку ? вопрос не решен до конца .
+10 сделаю без проблем , ты проверял то что ты мне выслал . Вместо число я поставил 6 - но на самом деле я могу добавить в строку чисел хоть 30 ... надо так чтобы после введения 6-ти чисел кнопки не реагировали на нажатия - max 6 чисел , ясно ?
на плюсы твои мне срать) а вопросы надо формулировать тогда правильно тогда Code: <input type="text" name="result" id="result" onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,6);" maxlength="6">