Вопрос вот в чем.
Я использую вот этот дело для открытия формы (автор Joker)
Появляется форма с формой ввода и кнопкой отправить.
Нужно сделать так, чтобы эта форма появлялась всегда возле кнопки которая ее открывает.
в моем случае скрипт генерирует несколько кнопок вида
1 текст текст [тут кнопка которая открывает форму]
2 текст текст [тут кнопка которая открывает форму]
3 текст текст [тут кнопка которая открывает форму]
4 текст текст [тут кнопка которая открывает форму]
Необходимо чтобы форма всегда появлялась именно возле кнопки. Спасибо.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function show()
{
document.getElementById('form').style.display = 'block';
}
function hide()
{
document.getElementById('form').style.display = 'none';
}
</script>
</head>
<body>
<form action="" method="post">
<div class="form" id="form" style="position:absolute; top:10%; left:10%; border:1px solid #000000; display:none;" >
<input type="text" id="text" name="text" />
<input type="submit" value="Отправить" /> <input type="button" onclick="hide()" value="Скрыть" />
</div>
<input type="button" onclick="show()" value="Формочка." />
</form>
</body>
Спустя 2 минуты, 22 секунды (24.05.2010 - 14:57) Basili4 написал(а):
Возле понятие растежимое можно с лева справа вверху внизу.
Спустя 2 минуты, 4 секунды (24.05.2010 - 14:59) Basili4 написал(а):
<script>
function Item(id,s)
{
idname='pole';
var pole = document.getElementById(idname);
if (pole!=null)
{
document.getElementById(idname).parentNode.removeChild(document.getElementById(idname));
}
var parent = document.getElementById(id);
var El = document.createElement('Div');
El.innerHTML='<DIV id="pole">'+s+'</DIV>';
parent.insertAdjacentElement("afterEnd",El);
}
</script>
<html>
<body>
<div id="bt1"><button onClick='Item(bt1.id,"<h3>кнопка1</h3>")'>кнопка1</button><br /></div>
<div id="bt2"><button onClick='Item(bt2.id,"кнопка2")'>кнопка2</button><br /></div>
<div id="bt3"><button onClick='Item(bt3.id,"кнопка3")'>кнопка3</button><br /></div>
</body>
</html>
глянь может пригодится
Спустя 17 минут, 20 секунд (24.05.2010 - 15:16) rocker написал(а):
Basili4
Спасибо!
Спасибо!