PDA

Просмотр полной версии : действие .

Lionis
08.08.2009, 23:44
Здравствуйте , у нас есть таблица кнопок с числами , и поле под ней :
http://xmages.net/out.php/i388501_tablebutton.png
Как сделать так чтобы после нажатий на кнопки , числа вводились в поле под таблицей,через запятую ?
исходник (http://www.filehoster.ru/files/dg0871)
---
Есть вариант , но в нем есть проблема - из за которой скрипт не работает :
<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 , спасибо
BlackSun
08.08.2009, 23:51
<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>
Lionis
08.08.2009, 23:57
Спасибо ! очень хорошо работает . У меня еще один вопрос - как ограничить кол-во вводимых чисел ? Допустим "6"
В любом случае +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>
Sharky
09.08.2009, 00:07
<input type="text" name="result" id="result" maxlength="ЧИСЛО">
Lionis
09.08.2009, 00:10
числа вводятся больше 6 ...
<input type="text" name="result" id="result" maxlength="ЧИСЛО">
Lionis
09.08.2009, 00:28
Sharky ,+10 - спасибо за ответ - но поможет ли кто нибудь решить вопрос по поводу кол-ва введенных чисел в строку ? вопрос не решен до конца .
<input type="text" name="result" id="result" maxlength="ЧИСЛО">
Sharky
09.08.2009, 00:46
Sharky ,+10 - спасибо за ответ - но поможет ли кто нибудь решить вопрос по поводу кол-ва введенных чисел в строку ? вопрос не решен до конца .
эмм...а я что написал? 0о

ps +10 и +1 совсем немного отличаются чувак)
Lionis
09.08.2009, 00:53
+10 сделаю без проблем ,
ты проверял то что ты мне выслал . Вместо число я поставил 6 - но на самом деле я могу добавить в строку чисел хоть 30 ... надо так чтобы после введения 6-ти чисел кнопки не реагировали на нажатия - max 6 чисел , ясно ?
эмм...а я что написал? 0о

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

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

тогда
<input type="text" name="result" id="result" onKeyUp="limitText(this.form.limitedtextfield,this.form.cou ntdown,6);" maxlength="6">
Lionis
09.08.2009, 01:15
попробуй сам , ниче не работает =( ,
на плюсы твои мне срать) а вопросы надо формулировать тогда правильно

тогда
<input type="text" name="result" id="result" onKeyUp="limitText(this.form.limitedtextfield,this.form.cou ntdown,6);" maxlength="6">
Sharky
09.08.2009, 01:16
попробуй сам , ниче не работает =( ,
ааааа..понял ошибку...я сделал под ввод с клавы
Lionis
09.08.2009, 01:46
Ну тк ... :confused: подправишь , буду оч благодарен !
ааааа..понял ошибку...я сделал под ввод с клавы