Форум SAPE.RU - Форма+AJAX(javascript)

Форум SAPE.RU (http://forum.sape.ru/index.php)

- Разработка и сопровождение сайтов (http://forum.sape.ru/forumdisplay.php?f=29)

- - Форма+AJAX(javascript) (http://forum.sape.ru/showthread.php?t=49114)

kaxart

22.03.2010 12:19

Форма+AJAX(javascript)

Здравствуйте!
Подскажите как сделать чтобы во время заполнения текстового поля формы <input type="text"... на странице появлялось точно такое же поле для заполнения. То есть по умолчанию есть одно поле, но как только пользователь его начинает заполнять появляется второе такое же поле, если начинает и второе заполнять, то появляется третье поле и так до 10 к примеру. Все это без перезагрузки страницы.

sylex

22.03.2010 14:36

на jquery вот так красиво получается :D

Код HTML:

<input type="text" name="text[]" onkeypress="$(this).clone().insertAfter($(this))" />

а вообще, конечно, не сложная задача :)

Regent

22.03.2010 14:59

Цитата:

Сообщение от sylex (Сообщение 761177)

на jquery вот так красиво получается :D

Код HTML:

<input type="text" name="text[]" onkeypress="$(this).clone().insertAfter($(this))" />

а вообще, конечно, не сложная задача :)

Код HTML:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

<input type="text" name="text[]" onfocus="var _ = $(this); if( !_.next().is( ':text' ) ){ _.after( _.clone( true ).hide().fadeIn( 500 ) ); }" />

kaxart

22.03.2010 17:45

sylex,
Regent,
Большое спасибо, то что мне нужно

Добавлено через 1 час 37 минут
Еще вопрос, как извлечь данные из массива text[]?
Пишу $text=$_POST['text']; print_r($text); выводит данные только с первой строки.

chahlic

23.03.2010 07:07

Цитата:

Сообщение от kaxart (Сообщение 761239)

Еще вопрос, как извлечь данные из массива text[]?
Пишу $text=$_POST['text']; print_r($text); выводит данные только с первой строки.

Форма:

Код HTML:

<form action="post.php" method="post">

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>

<input type="text" name="text[]" onfocus="var _ = $(this); if( !_.next().is( ':text' ) ){ _.after( _.clone( true ).hide().fadeIn( 500 ) ); }" />

<input type="submit" value="Go">

</form>

Код файла post.php:

PHP код:


		
			
<?php

print_r($_POST['text']);

?>

Результат:
Выводит все значения (во всяком случае, у меня ;))

kaxart

23.03.2010 13:24

Цитата:

Сообщение от chahlic (Сообщение 761886)

Выводит все значения (во всяком случае, у меня )

Хм... странно у меня только первую строку, в чем может быть проблема?

Добавлено через 5 часов 20 минут

Цитата:

Сообщение от kaxart (Сообщение 761904)

Хм... странно у меня только первую строку, в чем может быть проблема?

Все заработало, спасибо, перемудрил с формой, сильно много строк раскиданных по странице и одна кнопка отправки.

Часовой пояс GMT +3, время: 20:19.