Studio AD : Авто замена слов из textarea

Страница 1 из 1
1

Форум Studio AD » Сайтостроение » Общий форум по Javascript » Авто замена слов из textarea

Авто замена слов из textarea

UnderShot

Дата: Четверг, 19.11.2009, 18:11 | Сообщение # 1

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Замечания: 0%

Такое дело. Нужно сделать так, чтобы в одном поле(textarea) пользователь добавлял какой-либо текст, а в другом поле в этом тексте заменялись определенные слова на другие.
Например, есть textarea:

Code

<textarea id='textReset'>Вставляем любой бла бла текст бла бла</textarea>

В это поле вставляем текст, нажимаем на кнопку "Изменить" (при нажатии кнопки начинает работать алгоритм). Дальше во втором поле появляется этот текст, но заменяется слово "текст" на "наборбукав". И чтобы это происходило автоматически, при нажатии кнопки.
Изображу на картинке:

Думаю объяснил ясно. Кто понял меня и сможет такое реализовать, напишите код пожалуйста.

Очень важная тема!
Filmzona — онлайн фильмы.

Infamous

Дата: Четверг, 19.11.2009, 18:41 | Сообщение # 2

говорун

Группа: Проверенные

Пользователь №: 316

Сообщений: 158

Получено оценок: 21

Карма: 37

Замечания: 0%

Code

<textarea id='textReset'>Вставляем любой бла бла текст бла бла</textarea>

<textarea id='textReset2'></textarea>

<input type='button' value='Click' onclick='document.getElementById("textReset2").innerHTML=document.getElementById("textReset").innerHTML.replace("бла бла","ыыы")' />

Сообщение отредактировал Infamous - Четверг, 19.11.2009, 18:42

UnderShot

Дата: Четверг, 19.11.2009, 19:10 | Сообщение # 3

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Замечания: 0%

Infamous, почти.

Code

Я хочу чтоб введенный в поле текст заменялся.

Очень важная тема!
Filmzona — онлайн фильмы.

UnderShot

Дата: Четверг, 19.11.2009, 20:03 | Сообщение # 4

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Замечания: 0%

Кароче я хочу сделать типа этого

Очень важная тема!
Filmzona — онлайн фильмы.

DSC

Дата: Четверг, 19.11.2009, 20:37 | Сообщение # 5

спикер

Группа: Проверенные

Пользователь №: 127

Сообщений: 516

Получено оценок: 41

Карма: 51

Замечания: 0%

UnderShot

Code

<html>
<body>
<style>
textarea {margin:1px;width:500px}
</style>

<div style="background:#ccc;width:500px">
<textarea id='textReset' cols="100" rows="12">Текст</textarea>
<input type='button' value='Кодировать' onclick='decode()' style="float:left;width:100%">
<textarea id='textReset2' cols="100" rows="12"></textarea>
</div>

</body>
<script>
function decode() {
var a = document.getElementById("textReset").innerHTML.replace("Текст","Новый текст");
document.getElementById('textReset2').innerHTML = a;
}
</script>
</html>

aka Latro

Aleko

Дата: Пятница, 20.11.2009, 01:04 | Сообщение # 6

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

DSC, нда.... учитесь гражданин.

Code

<html>
<head>
<title>Change</title>
</head>
<body>
<textarea id='input'></textarea><br>
<input type='button' value='Change' onclick='change(document.getElementById("input").value)'><br>
<textarea id='result'></textarea>
</body>
<script>
function change(i){
   document.getElementById('result').value=i
    .replace(/(haha|hihi|huhu)/gi,'ohohoh')
    .replace(/lol/gi,'muhaha');
   }
</script>
</html>

Бесплатные обои.

DSC

Дата: Пятница, 20.11.2009, 10:36 | Сообщение # 7

спикер

Группа: Проверенные

Пользователь №: 127

Сообщений: 516

Получено оценок: 41

Карма: 51

Замечания: 0%

Aleko, не, ну когда я буду хорошо или хотяб средненько знать, тогда да, а так я учусь только...
P.S. UnderShot, ты хочешь так сделать авто-замену матов???)

aka Latro

Сообщение отредактировал DSC - Пятница, 20.11.2009, 10:43

UnderShot

Дата: Пятница, 20.11.2009, 11:45 | Сообщение # 8

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Замечания: 0%

DSC, неа, я хочу сделать автозамену html кода