Форум PHP программистов > как сделать всплывающее окно с полем ввода

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: как сделать всплывающее окно с полем ввода

olgatcpip

9.04.2009 - 08:02

Здравствуйте.

Мне хочется сделать следующее. Чел нажимает на кнопку и по onClick появляется маленькое окошко типа alert или confirm в котором пользователь должен ввести , например, слово. А мне это слово обработать.
Вроде такое встроенное было, но вспомнить, найти нужную функцию не могу.

Спасибо.

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

Joker

9.04.2009 - 08:31

Тут только js встроеных функций таких в html нету. Впринципе код на js простой будет.

olgatcpip

9.04.2009 - 08:35

Joker ?

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

Joker

9.04.2009 - 08:41

Ну вот набрасал за пару минут, но нужно писать под ситуацию код. То что введено в поле будет в

PHP

$_POST['text'];

HTML

<!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="button" onclick="hide()" value="Скрыть" />
</div>
<input type="button" onclick="show()" value="Формочка." />
<input type="submit" value="Отправить." />
</form>
</body>
</html>

olgatcpip

9.04.2009 - 08:50

Отлично, я тоже так хотела сделать, Но нашла prompt

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

Joker

9.04.2009 - 08:52

Расскажи что за prompt, или линк дай на описание.

olgatcpip

9.04.2009 - 09:00

Как оно пишется нашла тут А как пользоваться догадалась.
Это функция javascript.

Код

prompt('Пишем что хотим');

Правда так выводится только одно поле для ввода, но думаю у него есть пара доп параметров.

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

Joker

9.04.2009 - 09:01

Мой вариант посложнее но универсальных хоть форму регистрации туда засунь)

olgatcpip

9.04.2009 - 09:02

Ты прав. Но я искала именно её. Я знала, что такая есть, а как называется не помнила.

_____________
Ласковое слово и кошке приятно... Плюсик в карму сойдет wink.gif
*smarty дока - новая любовь
Моё рукотворение ругайте, хвалите smile.gif
Веду маленький блог
в этом блоге публикую новые работы
WMR217126627282 wink.gif

седьмой

31.08.2014 - 16:22

Joker Интересный код, а можно сразу в формочку и без кнопок?

Быстрый ответ:

Здесь расположена полная версия этой страницы.