Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Взять текст из textarea (https://javascript.ru/forum/dom-window/31508-vzyat-tekst-iz-textarea.html)

fAmOus 10.09.2012 22:45

Взять текст из textarea
 
Всем привет!
Как можно вытащить текст из textarea и вставить в определённый блок?
Пример textarea:
<div id="iName"></div>
<textarea rows="10" class="manFl" style="width: 100%; height: 300px; " id="message" name="message" cols="40">
<div id="tName">Название:</div>
<div id="tRead">текст1</div>
</textarea>

Собственно нужно из textarea взять text из #tRead и вставить в #iName
Заранее буду благодарен!

bes 10.09.2012 23:38

Цитата:

Сообщение от fAmOus
нужно из textarea взять text из #tRead

это как?

fAmOus 11.09.2012 00:04

bes,
Ну вообщем у меня есть поля input в которые пишешь текст, потом при нажатии на кнопку, всё что было написано в input вставляется в textarea..
Я мог бы таким же способом вставить текст и в #iName из input'a но мне нужно взять из textarea.. как-то так..
Подробнее объясню:
Есть input, в него я пишу текст
<fieldset style="border-radius:5px"><legend>В архиве</legend><input type="text" id="archive" style="width: 95%"></fieldset>

Есть input, на который нужно нажать для перевода текста в textarea
<input id="gotoTextarea" type="button"/>

Есть textarea, куда переходит текст после нажатия на обычную кнопку
<textarea rows="10" class="manFl" style="width: 100%; height: 300px; " id="message" name="message" cols="40"></textarea>

Собственно есть шаблон в который вставляется текст из #toTextarea в .manFl(textarea)
<div id="tName">В архиве:</div>
<div id="tRead"> 4</div>


То есть, если я ввёл в #archive текст1 как показано на примере, в textarea добавится следующий код
<div id="tName">В архиве:</div>
<div id="tRead">текст1</div>

Ну и выдаст
<textarea rows="10" class="manFl" style="width: 100%; height: 300px; " id="message" name="message" cols="40">
<div id="tName">В архиве:</div>
<div id="tRead">текст1</div>
</textarea>


А теперь мне нужно из #tRead вывести его содержимое т.е. "текст1" в блок
<div id="inText"></div>


Вроде яснее некуда..

devote 11.09.2012 00:07

fAmOus,
в textarea нет элементов, в нем может содержатся только текст... если вам нужен textarea как в визавигах... нужно юзать iframe или элемент с contenteditable

Denizz 11.09.2012 00:15

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

bes 11.09.2012 00:16

у textarea есть value
selection и всё с этим связанное

fAmOus 11.09.2012 00:23

devote,
Denizz,
bes,
Ну вообщем я отредактировал пост выше..
А так появилась идея, пойду реализую.. если получится отпишусь

fAmOus 11.09.2012 00:33

Конечно это было очень легко.. но я не додумался сразу :(
Вообщем вот таким вот способом
getText = $(".manFl").text();
$("#inText").html(getText);

Беру из textarea его содержимое и вставляю в #inText как html
А теперь осталось только всё расставить по местам :)

Спасибо за помощь :)

Denizz 11.09.2012 00:33

Корявенькая идея и у меня получилась:
var textArray = document.getElementById("message").value.split('"tRead"');
text1 = textArray[1].toString().slice(1,-1).split('<')[0];

alert(text1);

Может, кто по-умнее подправит ))

Denizz 11.09.2012 00:36

Цитата:

<div id="inText"></div>
- забыла:
document.getElementById("inText").innerHTML = text1;


Часовой пояс GMT +3, время: 09:06.