Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.01.2013, 13:00
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Нужна помощь с textarea
Есть div и его содержимое переносится из textarea по keyup. Беда в том что из textarea не правильно переносятся переносы строк. Я решил чтоб при нажатии "Enter" в див записывался тег "<br />". Но не могу правильно реализовать... Хелп!!!
<textarea id="textarea1"></textarea>
<div id="div1"></div>

$('#textarea1').keyup(function (e) {
	 var txt = $(this).val()
	 	if(e.keyCode==13)
     {
          $('#div1').html(txt + '<br />');          
     }else{$('#div1').html(txt);}
  });

Этот скрипт вставляет <br /> но после следующего нажатия на любую клавишу тег исчезает...
p.s. Не желательно чтоб <br /> отображался в textarea
Ответить с цитированием
  #2 (permalink)  
Старый 29.01.2013, 13:30
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Torch`Ok
Этот скрипт вставляет <br /> но после следующего нажатия на любую клавишу тег исчезает...
Просто меняй "возвраткаретки+перевод строки" на свой <br />...
http://javascript.ru/String/replace
Ответить с цитированием
  #3 (permalink)  
Старый 29.01.2013, 14:00
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Вы наверно не так поняли... Или я ))
При переносе из текстареи в диве текст отображается в одну строку, не смотря на то что в текстарее он в несколько строк... Эту проблему я и пытаюсь решить, но не желательно просто в текстарею заносить тег BR, т.к. будет не очень хорошо это смотреться
Ответить с цитированием
  #4 (permalink)  
Старый 29.01.2013, 14:13
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Torch`Ok
но не желательно просто в текстарею заносить тег BR
Таки не заноси в "текстарею"... Заноси в див...
Ответить с цитированием
  #5 (permalink)  
Старый 29.01.2013, 14:23
Аспирант
Отправить личное сообщение для Torch`Ok Посмотреть профиль Найти все сообщения от Torch`Ok
 
Регистрация: 12.09.2012
Сообщений: 43

Если Вы имеете в виду див с contentEditable=true, то он как-то работает не понятно... Если пустой то курсор не ставится, только если какой-нибудь текст есть...
Ответить с цитированием
  #6 (permalink)  
Старый 29.01.2013, 14:23
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Что-то типа такого...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('button').click(function (){
		var val=$('textarea').text();
		val=val.replace(/\r/g,'<br />')
		$('div').html(val);
	});
});
</script>
</head>
<body>
<textarea></textarea>
<button>get</button>
<div></div>
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 29.01.2013, 14:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Torch`Ok
он как-то работает не понятно..
Он работает всегда одинаково.
Ответить с цитированием
  #8 (permalink)  
Старый 29.01.2013, 14:27
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Torch`Ok
Есть div и его содержимое переносится из textarea по keyup. Беда в том что из textarea не правильно переносятся переносы строк
можно при переносе обрамлять в теги <pre> </pre>
Ответить с цитированием
  #9 (permalink)  
Старый 29.01.2013, 14:31
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

В Опере - не перенеслось
Ответить с цитированием
  #10 (permalink)  
Старый 29.01.2013, 14:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Deff
В Опере - не перенеслось
Да вот же... Смотрел в ИЕ...

Вот такой вариант работает и там, и там

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('textarea').keyup(function (e) {
		var val = this.value;
		val=val.replace(/\n/g,'<br />')
		$('div').html(val);
	});
});
</script>
</head>
<body>
<textarea></textarea>
<div></div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь по слайдеру seoguru Работа 3 28.01.2013 22:02
Нужна помощь с javascript Leslie Оффтопик 0 18.12.2012 01:40
нужна помощь с js okapo AJAX и COMET 3 31.01.2012 04:32
Очень нужна помощь с Ext JS dcbal ExtJS 1 09.07.2010 13:15
нужна помощь dominosoko Серверные языки и технологии 4 14.03.2010 02:17