Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 25.04.2012, 14:15   #1
Minus_yu
Чатланин!
Форумчанин
 
Аватар для Minus_yu
 
Регистрация: 20.11.2010
Сообщений: 140
По умолчанию Добавление полей в форму

Есть вот такая красота
Код HTML:
<script type="text/javascript" src="js/jquery/jquery-1.7.1.min.js"></script>
<form method="post" action="">

<script type="text/javascript">
var total = 0;
function add_new_image(){
	total++;
	$('<tr>')
	.attr('id','tr_image_'+total)
	.css({lineHeight:'20px'})
	.append (
		$('<td>')
		.attr('id','td_title_'+total)
		.css({paddingRight:'5px',width:'200px'})
		.append(
			$('<input type="text" />')
			.css({width:'200px'})
			.attr('id','input_title_'+total)
			.attr('name','input_'+total)
		)		
		
	)
	
	.append (
		$('<td>')
		.attr('id','td_title_'+total)
		.css({paddingRight:'5px',width:'50px'})
		.append(
			$('<input type="text" />')
			.css({width:'50px'})
			.attr('id','input_cena_'+total)
			.attr('name','cena_'+total)
		)		
		
	)
	
	.append (
		$('<td>')
		.css({width:'60px'})
		.append (
			$('<span id="progress_'+total+'" class="padding5px"><a  href="#" onclick="$(\'#tr_image_'+total+'\').remove();" class="ico_delete" title="удалить поле"><img src="../css/admin/images/remove.png" alt="del" border="0"></a></span>')
		)
	)
	.appendTo('#table_container');
	
}
$(document).ready(function() {
	add_new_image();
});
</script>

	<table id="table_container">
		<tr>
			<td width="150px" colspan="2"> </td>
			
		</tr>
	</table>
		<br/>
	<input type="button" value="Добавить элемент" id="add" onclick="return add_new_image();">
все вроде работает нормально и поля добавляются и удаляются, но есть единственная загвоздка... хочется, чтобы было так, что когда открываешь страницу с этим кодом в браузере, то по умолчанию вообще никаких поле не было и чтобы инпуты появлялись только после нажатия кнопки "Добавить элемент"

куда что нужно дописать или может наоборот откуда-то что-то убрать?
Minus_yu вне форума Ответить с цитированием
Старый 25.04.2012, 14:21   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
$(document).ready(function() {
	add_new_image();
});
отсюда убрать вызов функции
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 25.04.2012, 14:55   #3
Minus_yu
Чатланин!
Форумчанин
 
Аватар для Minus_yu
 
Регистрация: 20.11.2010
Сообщений: 140
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Код:
$(document).ready(function() {
	add_new_image();
});
отсюда убрать вызов функции
спасибо! помогло!
Minus_yu вне форума Ответить с цитированием
Старый 26.04.2012, 19:58   #4
Minus_yu
Чатланин!
Форумчанин
 
Аватар для Minus_yu
 
Регистрация: 20.11.2010
Сообщений: 140
По умолчанию

Подскажите, пожалуйста, а вот бы еще сделать так, чтобы при удалении только что добавленного поля не скроллиться наверх страницы...
Minus_yu вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Программное добавление и удаление полей grh БД в Delphi 4 11.06.2011 11:35
Добавление полей в существующую таблицу. DIgorevich БД в Delphi 7 12.07.2010 15:27
Добавление новых полей к форме Gennady_fr Microsoft Office Access 6 09.05.2010 14:38
Добавление полей в Paradox _SERGEYX_ БД в Delphi 1 21.05.2009 18:27
Удаление/добавление полей runtime /Denis/ БД в Delphi 1 06.08.2008 22:35