[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Виртуальная клавиатура
kss
Здравствуйте, помогите, пожалуйста. Есть форма с textarea и кнопками (виртуальная клавиатура)... при нажатии кнопки, ее значение появляется значение textarea...
Подключаются: jqurery и java-скрипт....
 $(function(){
var $write = $('#write'),
shift = false,
capslock = false;

$('#keyboard li').click(function(){
var $this = $(this),
character = $this.html(); // If it's a lowercase letter, nothing happens to this variable

// Add the character

$write.html($write.html() + character);
});
});


Сама форма

<div id="container">
<textarea
id="write" rows="6" cols="60"></textarea>
<textarea
id="write1" rows="6" cols="60"></textarea>
<ul
id="keyboard">
<li
class="symbol"><span class="off">`</span></li>
<li
class="symbol"><span class="off">1</span></li>
<li
class="symbol"><span class="off">2</span></li>
<li
class="symbol"><span class="off">3</span></li>
<li
class="symbol"><span class="off">4</span></li>
<li
class="symbol"><span class="off">5</span></li>
<li
class="symbol"><span class="off">6</span></li>
<li
class="symbol"><span class="off">7</span></li>
<li
class="symbol"><span class="off">8</span></li>
<li
class="symbol"><span class="off">9</span></li>
<li
class="symbol"><span class="off">0</span></li>
</ul>
</div>


Т.е. есть две textarea, в которых вводятся данные. Как сделать, чтобы скрипт различал какое textarea активное и вводил цифры именно туда?



Спустя 3 часа, 12 минут, 7 секунд (25.03.2012 - 08:20) redreem написал(а):
$('#write').focus(function(a) {activeArea = $('#write');});
$('#write1').focus(function(a) {activeArea = $('#write1');});

$('#keyboard li').click(function(){

var $this = $(this);
character = $this.html();
activeArea.html(activeArea.html() + character);

});

Спустя 1 час, 3 минуты, 47 секунд (25.03.2012 - 09:24) ADiel написал(а):
var active = (id textarea)
Меняй только при клике на textarea объекты

Спустя 2 часа, 20 минут, 7 секунд (25.03.2012 - 11:44) redreem написал(а):
ADiel

на текстареа можно не только кликом попасть.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.