Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Наполнение родительской формы через дочернюю


Автор: Vinnety 22.2.2006, 19:42
Извините полного чайника. Но вот вопрос, как реализовать на JavaScript такое:
есть основная форма( т.е. родительская), на ней расположено несколько таких элементов
input type='text' name=name1
input type='text' name=name2
input type='text' name=name3
И когда клацаеш на один из этих input-ов появляется окошко(дочернее). В данном окошке есть
элемент textarea и кнопка. Пишеш какой-либо текст, нажимаеш кнопку, окошко закрываеться
и текст появляеться в том элементе input на который клацал.


smile

Автор: Alx 22.2.2006, 23:48
MSIE, Opera - работет
FF - не работает, т.к. в FF не разрешена работа с элементами, у которых display=="block"

Код

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.sub_form {padding-left:50px;display:none;}
.ready_but {width:25px;height:85px;}
</style>
<script language="JavaScript">
<!--//

 e_source = '(window.navigator.userAgent.indexOf("Gecko") != -1) ? e.target : window.event.srcElement;';

document.onmousedown = function()
{    if (eval(e_source).name && eval(e_source).name.indexOf("parent_text") != -1)
    {    document.getElementById("sub_text"+eval(e_source).name.charAt(11)).parentNode.style.display="block";
    }
    else
    if (eval(e_source).className && eval(e_source).className == "ready_but")
    {    var txtarea = eval(e_source).parentNode.childNodes[0];
        document.getElementById("parent_text"+txtarea.id.charAt(8)).value=txtarea.value;
        eval(e_source).parentNode.style.display = "none";
    }
}
//-->
</script>
</head>
<body>
<form name="myForm">
<input type="text" name="parent_text1" readonly>
<br>
<div class="sub_form">
<textarea cols="20" rows="5" id="sub_text1"></textarea>
<input type="button" class="ready_but" value=">">
</div>
<br>
<input type="text" name="parent_text2" readonly>
<br>
<div class="sub_form">
<textarea cols="20" rows="5" id="sub_text2"></textarea>
<input type="button" class="ready_but" value=">">
</div>
<br>
<input type="text" name="parent_text3" readonly>
<br>
<div class="sub_form">
<textarea cols="20" rows="5" id="sub_text3"></textarea>
<input type="button" class="ready_but" value=">">
</div>
<br>
</form>
</body>
</html>

Автор: Vinnety 23.2.2006, 02:47
Спасибо! То что нужно, но вопрос, а можно сделать так чтобы элементы textarea и кнопка появлялись
в отдельном окошке?

Заранее благодарен.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)