Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: При вводе данных в input, автоматически заполняется textarea. Как,
 
 автор: scva   (14.10.2010 в 10:49)   письмо автору
 
 

Говорю сразу, что я чайник
Как сделать, чтобы при вводе в input, поле textarea автоматически заполнялось
к примеру ввожу "Здравствуйте, это я"
и рядом автоматически заполняется textarea к примеру
<div class="name">Здравствуйте это я</div>
. Тэги div заранее определенны для каждого input

  Ответить  
 
 автор: sim5   (14.10.2010 в 11:06)   письмо автору
 
   для: scva   (14.10.2010 в 10:49)
 

А сразу в текстовую область вводить что мешает?

  Ответить  
 
 автор: psychomc   (14.10.2010 в 11:15)   письмо автору
 
   для: scva   (14.10.2010 в 10:49)
 

можно так:

<html>
<head>
</head>
<body>
<input type="text" onkeyup="document.getElementById('txta').innerHTML = this.value"/>
<textarea id="txta"></textarea>
</body>
</html>

  Ответить  
 
 автор: sim5   (14.10.2010 в 11:29)   письмо автору
 
   для: psychomc   (14.10.2010 в 11:15)
 

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

  Ответить  
 
 автор: psychomc   (14.10.2010 в 11:33)   письмо автору
 
   для: sim5   (14.10.2010 в 11:29)
 

как пример сойдет.
впрочем приведите получше если есть

  Ответить  
 
 автор: sim5   (14.10.2010 в 11:59)   письмо автору
 
   для: psychomc   (14.10.2010 в 11:33)
 

Я вообще не понимаю к чему это нужно, но если речь о добавлении, то значит добвлять к существующему значению новое.

  Ответить  
 
 автор: psychomc   (14.10.2010 в 12:08)   письмо автору
 
   для: sim5   (14.10.2010 в 11:59)
 

это понятно. но по сути удаление тоже придется отлавливать скорее всего. по нажатию определенных клавиш и т.п. судя по содержанию темы мне показалось, что автору этого будет вполне достаточно. а так - да, задача какая-то бестолковая...

  Ответить  
 
 автор: scva   (14.10.2010 в 12:09)   письмо автору
 
   для: sim5   (14.10.2010 в 11:59)
 

Это нужно для того, чтобы человек заполняет форму и сразу же формируется определенный код для вставки на сайта, аля "Скопируйте код и вставьте в блог"

  Ответить  
 
 автор: sim5   (14.10.2010 в 12:47)   письмо автору
 
   для: scva   (14.10.2010 в 12:09)
 

А не боитесь, что я вам такое вставлю, по самые гланды? Есть ВВ-код, есть визуальные редакторы, используйте.
К тому же, если вы знаете, что значение поля А "Привет", должно быть обрамлено неким тегом с неким классом, а значение поля В "Это я", тегом с другим классом, то гонять на сервер это через текстовую область чего-то туда вставляя с поиском, смысла нет, ибо получив на сервере поля эти обрамляйте на здоровье. Гораздо полезнее из значений этих полей сформировать на клиенте предпросмотр, такой, как оно и будет выглядеть.

  Ответить  
 
 автор: scva   (14.10.2010 в 12:16)   письмо автору
 
   для: psychomc   (14.10.2010 в 11:15)
 

принцип такой, но мне нужно так

<form>
<input type="text" name="name" onkeyup="document.getElementById('txta').innerHTML = this.value"/>
<input type="text" name="soname" onkeyup="document.getElementById('txta').innerHTML = this.value"/>
<textarea id="txta">
<div class="name">
</div>
<div class="sonаme">
</div>
</textarea>
</form>

заполняю поле name, значение вставляется сюда <div class="name">........значение ...........</div>
заполняю поле sonаme, значение вставляется сюда <div class="sonаme">........значение ...........</div>

  Ответить  
 
 автор: psychomc   (14.10.2010 в 13:56)   письмо автору
 
   для: scva   (14.10.2010 в 12:16)
 

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


<html>
<head>
<script type="text/javascript" language="javascript">
function getCode(input_value, textarea_id, classname) {
    document.getElementById(textarea_id).innerHTML = '<div class="' + classname + '">' + input_value + '</div>';
}
</script>
</head>
<body>
<form>
<input type="text" onkeyup="getCode(this.value, 'txta1', 'name')"/>
<input type="text" onkeyup="getCode(this.value, 'txta2', 'soname')"/>
<textarea id="txta1">
</textarea>
<textarea id="txta2">
</textarea>
</form> 
</body>
</html>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования