Форум

VadimW · #1 (**permalink**) 15.02.2015, 05:22

Всем привет. У меня такой вопрос: имеется к примеру 2 textarea (пусть будет id="1t" и id="2t")...
Как сделать так, что бы текст из каждого textarea копировался в конструкцию ниже? (например при нажатии на кнопку)

<textarea class="manFl" name="message" id="message">
<table><tbody><tr>тут текст из id="1t"<td></td><td>тут текст из id="2t"</td></tr></tbody></table>
</textarea>

Дайте пожалуйста ссылки на примеры того, что я описал

___________________________
Ответ решения этой проблемы:
возможно, кому нибудь понадобится

<html>
<head>
</head>
<body>

<textarea id="1t">тут текст из id="1t"</textarea>
<textarea id="2t">тут текст из id="2t"</textarea>
<textarea id="mes"></textarea>
<input type="button" value="Перенести" onclick="mix();">
<script>
function mix() {
    var tpl = "<table><td>{1t}</td><td>{2t}</td></table>";
    tpl = tpl.replace(/{(.*?)}/g, function(match, id) {
        return document.getElementById(id).value;
    });
    document.getElementById("mes").innerHTML = tpl;
}
</script>

</body>
</html>

danik.js · #2 (**permalink**) 15.02.2015, 07:34

<textarea id="1t">тут текст из id="1t"</textarea>
<textarea id="2t">тут текст из id="2t"</textarea>
<script>
var tpl = "<table><td>{1t}</td> <td>{2t}</td></table>";
tpl = tpl.replace(/{(.*?)}/g, function(match, id) {
    return document.getElementById(id).value;
});
alert(tpl);
</script>

Aetae · #3 (**permalink**) 15.02.2015, 15:15

Тут определённо нужен angular.

VadimW · #4 (**permalink**) 16.02.2015, 18:34

danik.js, спасибо, работает. Только как выводить не через alert, а в id="message". То есть в <textarea class="manFl" name="message" id="message">ВОТ СЮДА<textarea>

VadimW · #5 (**permalink**) 17.02.2015, 03:21

Я вот немного допилил, всё почти сделано, НО только когда два раза нажимаешь на кнопку срабатывает правильно. Как сделать, что бы при одном нажатии работало?

<html>
<head>
</head>
<body>

<textarea id="1t">тут текст из id="1t"</textarea>
<textarea id="2t">тут текст из id="2t"</textarea>
<textarea id="mes"></textarea>
<input type="button" value="Перенести" onclick="start();">
<script>
var tpl = "<table><td>{1t}</td> <td>{2t}</td></table>";

function start() {
document.getElementById("mes").innerHTML=tpl;

tpl = tpl.replace(/{(.*?)}/g, function(match, id) {
    return document.getElementById(id).value;
});
}
</script>

</body>
</html>

рони · #6 (**permalink**) 17.02.2015, 03:39

Сообщение от VadimW

start

плохое имя для функции

function mix() {
    var tpl = "<table><td>{1t}</td> <td>{2t}</td></table>";
    tpl = tpl.replace(/{(.*?)}/g, function(match, id) {
        return document.getElementById(id).value;
    });
    document.getElementById("mes").innerHTML = tpl;
}

VadimW · #7 (**permalink**) 17.02.2015, 03:43

рони, спасибо большое - довели до ума)) И всем спасибо, тем кто хоть чем то решил помочь

VadimW · #8 (**permalink**) 17.02.2015, 03:59

pidorg-from-air, а мне нужно это было для того, что бы вводить текст на русском и английском в t1 и t2 соответственно. И выводить в textarea с HTML кодом (т.е. с таблицей). Некий костыль для удобства

P.s. Для меня главное работает, все ровно этот JS будет использоваться только при добавлении материала. По этому ошибки не так уж и важны для меня.

А вот и пример:

рони · #9 (**permalink**) 17.02.2015, 09:20

Сообщение от pidorg-from-air

function start

Сообщение от рони

плохое имя для функции

Форум

Справочник

Discord чат

Курсы javascript