Hola que tal!, soy nuevo en el foro, estuve ojeando un post viejo (http://www.forosdelweb.com/f13/tablas-dinamicas-398327/) que me venia al pelo. El problema que tengo es que, tengo un formulario en el cual en medio de él, tendria que duplicar celdas. Explicandome mejor, hay una opcion para ingresar un dato y luego la fecha correspondiente, pero pueden ser varios datos del mismo tipo, por tal motivo necesito duplicar una fila en la tabla. Para elegir la fecha, utilizo un calendario dinamico en javascript, pero cuando duplico las filas, y quiero elegir la fecha para el segundo dato, por ejemplo, me modifica el primero de todos:
OBJETO |__________| FECHA |________|
OBJETO |__________| FECHA |________| cuando elijo este calendario me modifica el de arriba
y siempre es el primero de todos. Como puedo hacer para modificar el siguiente algoritmo para que detecte el calendario correspondiente
Código:
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/calendario.css">
<link rel="stylesheet" href="calen/css/datepicker.css" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="calen/css/layout.css" />
<title>DatePicker - jQuery plugin</title>
<script type="text/javascript" src="calen/js/jquery.js"></script>
<script type="text/javascript" src="calen/js/datepicker.js"></script>
<script type="text/javascript" src="calen/js/eye.js"></script>
<script type="text/javascript" src="calen/js/utils.js"></script>
<script type="text/javascript" src="calen/js/layout.js?ver=1.0.2"></script>
<script type="text/javascript" src="js/funciones_javascript1.js"></script>
<script type="text/javascript" src="js/instrumentos.js"></script>
<script type="text/javascript">
function anadir() {
tab = document.getElementById('tabla');
fil = document.getElementsByTagName('tr')[0].cloneNode(true);
tab.appendChild(fil);
}
</script>
</head>
<table>
<tbody id="tabla">
<tr>
<td>
<div class="blanco">
Fecha:
<p>
<input class="inputDate" id="inputDate" value="06/14/2008" />
<label id="closeOnSelect"><input type="checkbox" /> Close on selection</label>
</p>
</div>
</td>
</tr>
</tbody>
</table>
<input type="button" value="Añadir" onclick="anadir()" />
</html>
El código que coloqué arriba es un ejemplo que estaba haciendo para luego plasmarlo en el codigo posta, no es justamente el original. Muchas gracias
Saludos!!
Guybrush