Добро пожаловать! Это — архивная версия форумов на «Хакер.Ru». Она работает в режиме read-only.
 

Всплывающее окно для ввода в Input значений

Пользователи, просматривающие топик: none

Зашли как: Guest
Все форумы >> [Первый вопрос] >> Всплывающее окно для ввода в Input значений
Имя
Сообщение << Старые топики   Новые топики >>
Всплывающее окно для ввода в Input значений - 2011-04-25 19:55:43.240000   
ZemoN

Сообщений: 1
Оценки: 0
Присоединился: 2011-04-25 19:52:24.616666
Доброго времени суток!
Вопрос такой:
есть такой код:
&lt;table width="327" border="0" id="inpShirinaTable"&gt; &lt;tr&gt; &lt;td width="93"&gt;Ширина(см): &lt;/td&gt; &lt;td width="60"&gt;&lt;div id="keyboardInp"&gt;&lt;input type="text" name="inpShirina" id="inpShirina" /&gt;&lt;/div&gt; &lt;/td&gt; &lt;td width="100"&gt; &lt;div id="keyboardGor"&gt; &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt; &lt;tr&gt; &lt;td title="1" &gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g1.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="2" &gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g2.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="3" &gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g3.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="4" &gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g4.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="5" &gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g5.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td title="6"&gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g6.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="7"&gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g7.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="8"&gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g8.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="9"&gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g9.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;td title="0"&gt;&lt;a href="#"&gt;&lt;img src="img/keyboard/g0.jpg"/&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; вот сам скрипт:
// изменение цвета при наведении на клаву цифр $('#keyboardGor td').mouseover(function(){ $(this).find('img').hide(); }); $('#keyboardGor td').mouseout(function(){ $(this).find('img').show(); }); // передаем значение нажатой клавы $('#keyboardGor td').click(function(){ var znachKlava = $(this).attr('title'); var znachInput = $('#inpShirina').val(); if (znachInput &gt;= 0 && znachInput &lt; 100){ znachInput = znachInput + znachKlava; } else { znachInput = 0; znachInput = znachKlava; } $('#inpShirina').val(znachInput); }); //проверка значения input $('#inpShirina').keypress(function (e) { if( e.which!=8 && e.which!=0 && (e.which&lt;48 || e.which&gt;57)) { $('#errMsg').show('pulsate',['slow']).fadeOut(); return false; } }); // показ/скрытие клавы $('#inpShirinaTable').click (function(){ $('#keyboardGor').show(); }); $('#keyboardInp, #keyboardGor, #inpShirina').mouseout(function(){ $('#keyboardGor').hide(); });
Так вот у меня никак не получается сделать последнюю часть скрипта чтобы при клике на Input открывалась "клава"(таблица id="keyboardGor" позволяющая при нажатии ссылки передавать значение в input), а при увидении мышки со всей таблицы id="inpShirinaTable"(включая все то что в ней находится) она исчезала через какоето время [:(]
Аналог ожидаемого есть тут www.renins.com в поле возраст и стаж.
Post #: 1
Страниц:  [1]
Все форумы >> [Первый вопрос] >> Всплывающее окно для ввода в Input значений







Связаться:
Вопросы по сайту / xakep@glc.ru

Предупреждение: использование полученных знаний в противозаконных целях преследуется по закону.