Форум АНТИЧАТ - действие .

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - действие . (https://forum.antichat.xyz/showthread.php?t=133811)

действие .

Здравствуйте , у нас есть таблица кнопок с числами , и поле под ней :
http://xmages.net/out.php/i388501_tablebutton.png
Как сделать так чтобы после нажатий на кнопки , числа вводились в поле под таблицей,через запятую ?
исходник
---
Есть вариант , но в нем есть проблема - из за которой скрипт не работает :

Код:

<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 , спасибо

Код:

<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 !

Цитата:

Сообщение от BlackSun

Код:

<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>

Код:

<input type="text" name="result" id="result" maxlength="ЧИСЛО">

числа вводятся больше 6 ...

Цитата:

Сообщение от Sharky

Код:

<input type="text" name="result" id="result" maxlength="ЧИСЛО">

Sharky ,+10 - спасибо за ответ - но поможет ли кто нибудь решить вопрос по поводу кол-ва введенных чисел в строку ? вопрос не решен до конца .

Цитата:

Сообщение от Sharky

Код:

<input type="text" name="result" id="result" maxlength="ЧИСЛО">

Цитата:

Сообщение от Lionis

эмм...а я что написал? 0о

ps +10 и +1 совсем немного отличаются чувак)

+10 сделаю без проблем ,
ты проверял то что ты мне выслал . Вместо число я поставил 6 - но на самом деле я могу добавить в строку чисел хоть 30 ... надо так чтобы после введения 6-ти чисел кнопки не реагировали на нажатия - max 6 чисел , ясно ?

Цитата:

Сообщение от Sharky

эмм...а я что написал? 0о

ps +10 и +1 совсем немного отличаются чувак)

Цитата:

Сообщение от Lionis

на плюсы твои мне срать) а вопросы надо формулировать тогда правильно

тогда

Код:

  <input type="text" name="result" id="result" onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,6);" maxlength="6">

попробуй сам , ниче не работает =( ,

Цитата:

Сообщение от Sharky

на плюсы твои мне срать) а вопросы надо формулировать тогда правильно

тогда

Код:

  <input type="text" name="result" id="result" onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,6);" maxlength="6">