VPF::Наполнение родительской формы через дочернюю

Vinnety

Дата 22.2.2006, 19:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 8.4.2003

Репутация: нет
Всего: нет

Извините полного чайника. Но вот вопрос, как реализовать на 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 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 10
Всего: 78

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 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 8.4.2003

Репутация: нет
Всего: нет

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

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »