Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.11.2010, 14:58
Кандидат Javascript-наук
Отправить личное сообщение для BorisBritva Посмотреть профиль Найти все сообщения от BorisBritva
 
Регистрация: 17.03.2010
Сообщений: 145

Из textarea в div jquery
Здравствуйте.
Помогите пожалуйста замутить с помощью JQUERY вот что:

Надо что-бы при заполнении textarea тоже самое здублировалось в div причем соблюдались переносы. Пробовал сделать через blur(), но чтото не получается. Да думаю, что не вту сторону смотрю.

И еще хочется чтобы соблюдались переносы строки.
Хочу сделать предпросмотр сразу при заполнении!

Помогите пожалуйста.
Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 22.11.2010, 15:23
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,315

Сообщение от BorisBritva
заполнении textarea тоже самое здублировалось в div
Как вариант...

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
#browse {
	white-space: pre;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
	var ta = $('#text');
	ta.bind('change focus keyup select',function(){
		var val=ta.val()
		// тут заменить возврат каретки и перевод строки на <br />
		document.getElementById('browse').innerHTML=val;
	});
});
</script>
</head>
<body>
<form>
	<textarea id='text'></textarea>
</form>
<div id="browse">
</div>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 22.11.2010, 15:44
Кандидат Javascript-наук
Отправить личное сообщение для BorisBritva Посмотреть профиль Найти все сообщения от BorisBritva
 
Регистрация: 17.03.2010
Сообщений: 145

Спасибо. Помогло.

Вот только еще вопросик.
Сделал так:
var ta = $('#textarea_top'); 
    ta.bind('change focus keyup select',function(){ 
        var val=ta.val() 
        var text=val.replace(/\r\n|\r|\n/g,'<br />');
        $('#text_dbl').html(text);
    });

Поскольку замена производится так:
$('#text_dbl').html(text);

То если вставлять HTML теги, то они и подменяются ими.

<a href="#"></a> будет как ссылка.
Как замутить чтобы только <br /> воспринимался как HTML не подскажите?

Спасибо!
Ответить с цитированием
  #4 (permalink)  
Старый 22.11.2010, 15:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,315

Сообщение от BorisBritva
Как замутить чтобы только <br /> воспринимался как HTML не подскажите?
Как вариант, менять угловые скобки на

&_lt_;
&_gt_;

без "_" разумеется... Т.о. это будут уже не теги. Так - символы...

Сообщение от BorisBritva
Спасибо!
Что-то не прибавилось...
Ответить с цитированием
  #5 (permalink)  
Старый 22.11.2010, 16:00
Кандидат Javascript-наук
Отправить личное сообщение для BorisBritva Посмотреть профиль Найти все сообщения от BorisBritva
 
Регистрация: 17.03.2010
Сообщений: 145

Спасибо огромное.
Я сейчас пюре с оливье ем. Если хотите я могу поделиться
Ответить с цитированием
  #6 (permalink)  
Старый 22.11.2010, 18:08
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,315

BorisBritva, потом мукой отдашь...
Сообщение от BorisBritva
Спасибо огромное.
И опять не прибавилось...

А вот некоторые не понимают целей этого форума...
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
tinyMCE, jQuery, пустая textarea maniac Библиотеки/Тулкиты/Фреймворки 9 02.05.2012 14:24
Jquery doctype + ie8 alizid Internet Explorer 5 21.08.2010 12:39
JQuery CSS анализатор javascript jQuery 2 15.08.2010 20:27
jquery maxImage, как поместить бэкграунд в div? dplz jQuery 4 10.07.2010 13:09
Jquery + Jquery UI + display:none; Stek jQuery 3 09.01.2010 19:26