Форум PHP программистов > Помогите разобраться с подзагрузкой 3 полей

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

Полная Версия: Помогите разобраться с подзагрузкой 3 полей

vanek2010

7.01.2010 - 18:29

Прошу помощи, объяснить с помощью чего и как сделать так, чтобы по нажатию кнопки(или ссылки) "Добавить еще" появлялись еще 3 поля для ввода данных. Но чтобы это происходило без перезагрузок страницы.
user posted image

Спустя 20 минут, 7 секунд (7.01.2010 - 17:49) sergeiss написал(а):

Вариантов два:
1. Эти поля имеются, но невидимы. По нажатию кнопки показывается контейнер, где они сидят.
2. Создавать поля с помощью JS.

Спустя 6 часов, 36 минут, 27 секунд (8.01.2010 - 00:25) vanek2010 написал(а):

Интересы оба варианты, но думаю, что в js сам не чего не напишу..
Так что думаю про 1 вариант.
Не могли бы вы пояснить варианты?
С первым вариантом, сперва поля делать hidden? А потом по нажатию кнопки менять им на text ? Чет не могу сообразить )

Спустя 44 минуты, 10 секунд (8.01.2010 - 01:09) Gabriel написал(а):

vanek2010
рисуем форму, запихиваем в див, присваиваем диву ИД, делаем какой-то тег по нажатию на который будет показана твоя форма. пишем жабаскрипт и все готово

Спустя 30 минут, 4 секунды (8.01.2010 - 01:39) vanek2010 написал(а):

Цитата (Gabriel @ 7.01.2010 - 22:09)

а напримере показать не можете?
А то что-т я нихрина не понял)))
Вот сделал форму, засунул ее в <div> дал div id=1, а что дальше так и не понял)

<div id='1'>
<form name='form' method='post' action='index.php' >
<input name="obr" type="text" size="10" >

</form>

Спустя 1 час, 26 минут, 37 секунд (8.01.2010 - 03:06) Gabriel написал(а):

vanek2010

<div id="1" style="display:none;">
<form name="form" method="post" action="index.php" >
<input name="obr" type="text" size="10" >
</form>

далее отркываем поиски по форуму и ишем "скрыть обьект", "скрыть обьект по клику" и тому подобное просто сейчас лезть искать по заначкам сил нет хотя код сам по себе довольно прост буквально 5ть линий или около того.

Спустя 11 часов, 15 минут, 6 секунд (8.01.2010 - 14:21) vanek2010 написал(а):

Цитата (Gabriel @ 8.01.2010 - 00:06)

vanek2010

<div id="1" style="display:none;">
<form name="form" method="post" action="index.php" >
<input name="obr" type="text" size="10" >
</form>

По форуму в поиск нашел только эту тему...

Спустя 48 минут, 37 секунд (8.01.2010 - 15:10) Gabriel написал(а):

http://phpforum.ru/index.php?showtopic=20814&hl=скрыть
http://phpforum.ru/index.php?showtopic=17212&hl=скрыть

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin tнtulo</title>
<script type="text/javascript" language="javascript">
function show_form( ele ) {
	var srcElement = document.getElementById(ele);
	if( srcElement != null ) {
		if( srcElement.style.visibility == 'hidden' ) {
		    srcElement.style.visibility = 'visible';
		} else {
			srcElement.style.visibility = 'hidden';
		}
	}
}
</script>
</head>

<body>
<div id="show_hide" onclick="show_form('1')">click me</div>
  <div id="1" style=" visibility:hidden;">
    bla bla bla
  </div>
</body>
</html>

вот залез в заначку нашел примитивно правда

Спустя 1 час, 4 минуты, 23 секунды (8.01.2010 - 16:14) vanek2010 написал(а):

Спасибо, супер))
Только возникла другая проблемка.
user posted image

Вот до нажатия кнопки добавить уже место заведомо там есть, как убрать уту пустоту?
user posted image

Это после нажатия

Спустя 24 минуты, 55 секунд (8.01.2010 - 16:39) Gabriel написал(а):

vanek2010
попробуй visibility заменить на display

Спустя 9 минут, 51 секунда (8.01.2010 - 16:49) vanek2010 написал(а):

И как сменить словосочетание "Добавить еще" после нажать, чтобы стало, "убрать"

Спустя 4 часа, 15 минут, 10 секунд (8.01.2010 - 21:04) Gabriel написал(а):

vanek2010
пример есть дальше думай как привязать добавить/убрать к srcElement и в зависимосте от стиля сменить надпись

Спустя 19 часов, 13 минут, 29 секунд (9.01.2010 - 16:18) vanek2010 написал(а):

Цитата (Gabriel @ 8.01.2010 - 18:04)

Да я б с удовольствием, только не чего не секу в java скриптах

Спустя 13 часов, 5 минут, 24 секунды (10.01.2010 - 05:23) Gabriel написал(а):

vanek2010
а я тоже

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

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