Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.10.2012, 19:06
Интересующийся
Отправить личное сообщение для angel__2003 Посмотреть профиль Найти все сообщения от angel__2003
 
Регистрация: 24.09.2012
Сообщений: 14

клонирование двух разных объектов на 1 страницы
сделал 2 блока с клонированные объектами на одной форме, но в результате, почему то, клонированные блоки всегда вставляется в последний div

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;"/>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>	

<script type="text/javascript" language="javascript">
function add(obj) {
	$("#place").append($(obj).clone());
	$("#num").val( parseFloat( $("#num").val() ) + 1 );
}

function remove() {
	$("#place div:last").remove();
	$("#num").val($("#num").val() - '1');
}
</script>

<script type="text/javascript" language="javascript">
function add(obj) {
	$("#place_child").append($(obj).clone());
	$("#num_child").val( parseFloat( $("#num_child").val() ) + 1 );
}

function remove() {
	$("#place_child div:last").remove();
	$("#num_child").val($("#num_child").val() - '1');
}
</script>

</head>
<body width="800">

<form name="MainCustomForm" action="${form.action}" method="POST" enctype="multipart/form-data">
<div align="center">




<fieldset style="width: 760"><legend><b></b></legend>


<div id="tab3" name="tab3" align="center">

			<div align="center" id="kid" name="kid"  style="width: 750">

			<table width="750" cellpadding="3" cellspacing="3">
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			<tr><td colspan='2'>Справка</td></tr>
			<tr><td width="250" >Фамилия ребенка<font color="red">*</font></td><td width="500" ><input required name="lastName2" id="lastName2" value="${lastName2}" style="width: 500px"></td></tr> 
			<tr><td>Имя ребенка<font color="red">*</font></td><td><input required name="firstName2" id="firstName2" value="${firstName2}" style="width: 500px"></td></tr> 
			<tr><td>Отчество ребенка</td><td><input  name="middleName2" id="middleName2" value="${middleName2}" style="width: 500px"></td></tr> 
			<tr><td>Дата рождения ребенка<font color="red">*</font></td><td><input required name="birthDate" id="birthDate" value="${birthDate}" style="width: 500px"></td></tr> 
			<tr><td>Место регистрации ребенка<font color="red">*</font></td><td><input required name="PlaceRegistration2" id="PlaceRegistration2" value="${PlaceRegistration2}" style="width: 500px"></td></tr> 
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			</table>
	
			</div>
			
			<div align="center"  id="place" style="width: 750"></div>

			<input type="button" onclick="add(document.getElementById('kid'));" value="Новый объект">
			<input type="button" onclick="remove();" value="Удалить" />
						
</div>
</fieldset>


<fieldset style="width: 760"><legend><b></b></legend>

<div id="tab4" name="tab4" align="center">

			<div align="center" id="child" name="child"  style="width: 750">

			<table width="750" cellpadding="3" cellspacing="3">
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			<tr><td colspan='2'>Договор</td></tr>
			<tr><td width="250" >Фамилия ребенка<font color="red">*</font></td><td width="500" ><input required name="child_lastName" id="child_lastName" value="${child_lastName}" style="width: 500px"></td></tr>
			<tr><td>Имя ребенка<font color="red">*</font></td><td><input required name="child_firstName" id="child_firstName" value="${child_firstName}" style="width: 500px"></td></tr> 
			<tr><td>Отчество ребенка</td><td><input  name="child_middleName" id="child_middleName" value="${child_middleName}" style="width: 500px"></td></tr>
			<tr><td>Дата рождения ребенка<font color="red">*</font></td><td><input required name="child_Datebirth" id="child_Datebirth" value="${child_Datebirth}" style="width: 500px"></td></tr>
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			</table>
	
			</div>
			
			<div align="center"  id="place_child" name="place_child" style="width: 750"></div>

			<input type="button" onclick="add(document.getElementById('child'));" value="Новый объект">
			<input type="button" onclick="remove();" value="Удалить" />
			
</div>


</fieldset>


</div>      		
</form>

</body>
</html>


по идее блок "справка" должен вставлятся в "place" а блок "Договор" в "place_child" а вставляется все в "place_child"
Ответить с цитированием
  #2 (permalink)  
Старый 16.10.2012, 19:40
Интересующийся
Отправить личное сообщение для angel__2003 Посмотреть профиль Найти все сообщения от angel__2003
 
Регистрация: 24.09.2012
Сообщений: 14

разобрался надо было так сделать
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;"/>
    <style type="text/css">
        ${CSS!".body {font-family:sans-serif;}"}
    </style>
    <!-- SCRIPTS INCLUDE -->
    <script type="text/javascript" src="/portal/js/desktop.client.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>	

<script type="text/javascript" language="javascript">
function add(obj) {
	$("#place").append($(obj).clone());
	$("#num").val( parseFloat( $("#num").val() ) + 1 );
}

function remove() {
	$("#place div:last").remove();
	$("#num").val($("#num").val() - '1');
}
</script>

<script type="text/javascript" language="javascript">
function add_child(obj) {
	$("#place_child").append($(obj).clone());
	$("#num_child").val( parseFloat( $("#num_child").val() ) + 1 );
}

function remove() {
	$("#place_child div:last").remove();
	$("#num_child").val($("#num_child").val() - '1');
}
</script>

</head>
<body width="800">

<form name="MainCustomForm" action="${form.action}" method="POST" enctype="multipart/form-data">
<div align="center">




<fieldset style="width: 760"><legend><b></b></legend>


<div id="tab3" name="tab3" align="center">

			<div align="center" id="kid" name="kid"  style="width: 750">

			<table width="750" cellpadding="3" cellspacing="3">
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			<tr><td colspan='2'>Справка</td></tr>
			<tr><td width="250" >Фамилия ребенка<font color="red">*</font></td><td width="500" ><input required name="lastName2" id="lastName2" value="${lastName2}" style="width: 500px"></td></tr> 
			<tr><td>Имя ребенка<font color="red">*</font></td><td><input required name="firstName2" id="firstName2" value="${firstName2}" style="width: 500px"></td></tr> 
			<tr><td>Отчество ребенка</td><td><input  name="middleName2" id="middleName2" value="${middleName2}" style="width: 500px"></td></tr> 
			<tr><td>Дата рождения ребенка<font color="red">*</font></td><td><input required name="birthDate" id="birthDate" value="${birthDate}" style="width: 500px"></td></tr> 
			<tr><td>Место регистрации ребенка<font color="red">*</font></td><td><input required name="PlaceRegistration2" id="PlaceRegistration2" value="${PlaceRegistration2}" style="width: 500px"></td></tr> 
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			</table>
	
			</div>
			
			<div align="center"  id="place" style="width: 750"></div>

			<input type="button" onclick="add(document.getElementById('kid'));" value="Новый объект">
			<input type="button" onclick="remove();" value="Удалить" />
			<input name='num' id='num'  value='1'>
						
</div>
</fieldset>


<fieldset style="width: 760"><legend><b></b></legend>

<div id="tab4" name="tab4" align="center">

			<div align="center" id="child" name="child"  style="width: 750">

			<table width="750" cellpadding="3" cellspacing="3">
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			<tr><td colspan='2'>Договор</td></tr>
			<tr><td width="250" >Фамилия ребенка<font color="red">*</font></td><td width="500" ><input required name="child_lastName" id="child_lastName" value="${child_lastName}" style="width: 500px"></td></tr>
			<tr><td>Имя ребенка<font color="red">*</font></td><td><input required name="child_firstName" id="child_firstName" value="${child_firstName}" style="width: 500px"></td></tr> 
			<tr><td>Отчество ребенка</td><td><input  name="child_middleName" id="child_middleName" value="${child_middleName}" style="width: 500px"></td></tr>
			<tr><td>Дата рождения ребенка<font color="red">*</font></td><td><input required name="child_Datebirth" id="child_Datebirth" value="${child_Datebirth}" style="width: 500px"></td></tr>
			<tr><td colspan='2'><hr style="margin: 2px; width: 100%;"></td></tr>
			</table>
	
			</div>
			
			<div align="center"  id="place_child" name="place_child" style="width: 750"></div>
			<input name='num_child' id='num_child' value='1'>
			<input type="button" onclick="add_child(document.getElementById('child'));" value="Новый объект">
			<input type="button" onclick="remove();" value="Удалить" />
			
</div>


</fieldset>


</div>      		
</form>

</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Слайдер с перемоткой в двух разных блоках Джэй jQuery 0 15.10.2012 23:08
Клонирование объектов. Не наследуется возможность перетаскивание !! SEA_28 jQuery 0 13.09.2012 11:56
Как найти точки соприкосновения двух объектов в RaphaelJS Fatalityap Библиотеки/Тулкиты/Фреймворки 3 03.08.2012 16:33