Нужна помощь

RomanSX · 10.10.2008, 20:50

Подобный вопрос от меня уже звучал.
И все же нужна помощь
при нажатии на поле для ввода, появляется клавиатурка для ввода цифр.
вот листинг :

Код:

<html><head><title></title><head><body>
 <form name="form1">
<input type='text' name="text1"
 onclick="document.all['layer1'].style.display = 'block';document.form1.text1.value=''">
 </form>
<div id='layer1' style="text-align:center;display:none;width:100px;height:100px;background-color:#005566;border:solid 1px #000000;">
	 <table border="0" cellspacing="0">
     <tr>
       <td><input type="button" name="one" size="100" value="  1  " onClick="document.form1.text1.value += '1'"></td>
       <td><input type="button" name="two" size="100" value="  2  " onClick="document.form1.text1.value += '2'"></td>
       <td><input type="button" name="three" size="100" value="  3  " onClick="document.form1.text1.value += '3'"></td>
     </tr>
	 <tr>
       <td><input type="button" name="four" size="100" value="  4  " onClick="document.form1.text1.value += '4'"></td>
       <td><input type="button" name="five" size="100" value="  5  " onClick="document.form1.text1.value += '5'"></td>
       <td><input type="button" name="six" size="100" value="  6  " onClick="document.form1.text1.value += '6'"></td>
     </tr>
	 <tr valign="top">
       <td><input type="button" name="seven" size="100" value="  7  " onClick="document.form1.text1.value += '7'"></td>
       <td><input type="button" name="eight" size="100" value="  8  " onClick="document.form1.text1.value += '8'"></td>
       <td><input type="button" name="nine" size="100" value="  9  " onClick="document.form1.text1.value += '9'"></td>
     </tr>
	 <tr valign="top">
       <td><input type="button" name="del" size="100" value="  C  " onClick="document.form1.text1.value = ''"></td>
       <td><input type="button" name="zero" size="100" value="  0  " onClick="document.form1.text1.value += '0'"></td>
       <td><input type="button" name="ok" size="100" value="OK" onclick="document.all['layer1'].style.display = 'none'"></td>
     </tr>
   </table>
		<div>
		
</body></html>

таких полей для ввода неопределенное количество около сотни,
и каждому нужна своя клавиатурка.
Как можно этого добиться

3ABAPKA · 17.10.2008, 11:09

напиши скрипт который будет тебе сочинять
1. это твоя клавиатурка
2. это твои поля ввода

результат скрипта выводится поле для ввода и клавиатурка

Цитата:

неопределенное количество около сотни,

раз

Scroll · 17.10.2008, 12:35

Цитата:

напиши скрипт который будет тебе сочинять
1. это твоя клавиатурка
2. это твои поля ввода

результат скрипта выводится поле для ввода и клавиатурка
Цитата:неопределенное количество около сотни,

раз

Лично я ничего не понял)

RomanSX
В общем сделай так: введи в скрипте переменную, которая будет содержать имя поля, для которого открыта клавиатура. При клике на поле не только показывай клавиатуру, но еще и давай соответствующее значение той самой переменной.
Добавь к полям идентификаторы (можно такие же, как и имена полей).
Т.е. поле будет выглядить так:

Код:

<input type='text' name="text1" id="text1" onclick="var_text_id='text1'; document.all['layer1'].style.display = 'block';document.form1.text1.value=''">

Теперь при нажатии на кнопку клавиатуры нужно выполнить не

Код:

onClick="document.form1.text1.value += '1'"

а

Код:

onClick="document.form1.getElementById(var_text_id).value += '1'"

RomanSX · 18.10.2008, 00:26

Цитата:

Сообщение от 3ABAPKA

напиши скрипт который будет тебе сочинять
1. это твоя клавиатурка
2. это твои поля ввода

результат скрипта выводится поле для ввода и клавиатурка раз

Честно говоря, тоже не понял.
Мне не нужна куча так называемых клавиатурок а всего одна на все поля.

Добавлено через 5 минут

Scroll
Я хотел использовать такой же вариант.
Но, так как я с JS на Вы, ничего не получалось.
Но почемуто и твой вариант выдает ошибку.
И все же СПАСИБО!!!

3ABAPKA · 20.10.2008, 07:06

Цитата:

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

Честно говоря, тоже не понял.
Мне не нужна куча так называемых клавиатурок а всего одна на все поля.

понятно что одна, она и будет одна, только вызываться будет кликом
и строчка у тебя будет одна, только она размножится

например: создаюешь function name(){ отвечает за вывод и работу клавиатурки}

а function name2(){отвечает за вывод и работу полей ввода}

а между тегами <body>...</body> в нужном месте вызовешь function name2(){отвечает за вывод и работу полей ввода}

kost · 20.10.2008, 12:24

Рекомендую ознакомиться с правилами форума.

Scroll · 20.10.2008, 12:48

kost

Цитата:

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

Рекомендую ознакомиться с правилами форума.

Это кому адресовано?

Код HTML:

<html><head><title></title><head><body>
<script>
var var_text_id;
</script>
<form name="form1">
<input type='text' id="text1" name="text1" onclick="var_text_id='text1';document.all['layer1'].style.display = 'block';document.form1.text1.value=''">
<input type='text' id="text2" name="text2" onclick="var_text_id='text2';document.all['layer1'].style.display = 'block';document.form1.text2.value=''">
</form>
<div id='layer1' style="text-align:center;display:none;width:100px;height:100px;background-color:#005566;border:solid 1px #000000;">
<table border="0" cellspacing="0">
	<tr>
		<td><input type="button" name="one" size="100" value="  1  " onClick="document.getElementById(var_text_id).value += '1'"></td>
		<td><input type="button" name="two" size="100" value="  2  " onClick="document.getElementById(var_text_id).value += '2'"></td>
		<td><input type="button" name="three" size="100" value="  3  " onClick="document.getElementById(var_text_id).value += '3'"></td>
	</tr>
	<tr>
		<td><input type="button" name="four" size="100" value="  4  " onClick="document.getElementById(var_text_id).value += '4'"></td>
		<td><input type="button" name="five" size="100" value="  5  " onClick="document.getElementById(var_text_id).value += '5'"></td>
		<td><input type="button" name="six" size="100" value="  6  " onClick="document.getElementById(var_text_id).value += '6'"></td>
	</tr>
	<tr valign="top">
		<td><input type="button" name="seven" size="100" value="  7  " onClick="document.getElementById(var_text_id).value += '7'"></td>
		<td><input type="button" name="eight" size="100" value="  8  " onClick="document.getElementById(var_text_id).value += '8'"></td>
		<td><input type="button" name="nine" size="100" value="  9  " onClick="document.getElementById(var_text_id).value += '9'"></td>
	</tr>
	<tr valign="top">
		<td><input type="button" name="del" size="100" value="  C  " onClick="document.getElementById(var_text_id).value = ''"></td>
		<td><input type="button" name="zero" size="100" value="  0  " onClick="document.getElementById(var_text_id).value += '0'"></td>
		<td><input type="button" name="ok" size="100" value="OK" onclick="document.all['layer1'].style.display = 'none'"></td>
	</tr>
</table>
<div>

</body></html>

Вуаля. Рабочий код.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Нужна помощь с G-pen 560	ivan341	Кальянная	3	08.04.2009 22:20
Нужна помощь по Ssi	lagoff	HTML, CSS, JavaScript	1	11.12.2006 07:18
Нужна помощь	SLIPPER	Графические работы	18	05.10.2006 21:20
Нужна помощь!	Миран	Растровая графика	2	23.12.2004 15:56
Нужна помощь!	tend	HTML, CSS, JavaScript	2	28.11.2004 23:49

20.10.2008, 12:24	#6
kost	Рекомендую ознакомиться с правилами форума.

10.10.2008, 20:50
Ссылки