клонирование двух разных объектов на 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" |
разобрался надо было так сделать
<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>
|
| Часовой пояс GMT +3, время: 01:10. |