PROBLEMA para volver a usar una funcion javascript

sandragh27 · #1 (**permalink**) 17/07/2014, 09:23

Buenas, estoy teniendo un problema en javascript, he colocado un boton de calendario para seleccionar la fecha de ahi, y ademas tambien he colocado un boton que me genere una nueva fila y otro que la elimine, el problema esta en que cuando genero una nueva fila el calendario no me funciona, solo me funciona en la primera, como podria solucionar eso? alguien tiene alguna idea?

Código Java:

Ver original<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="conexion.jsp" %>
 
<!DOCTYPE html>
 
<html>
    <head>
        <title>Gestionar Proyecto</title>
        
        <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="jquery-ui.min.js"></script>
        <script type="text/javascript" src="jquery.ui.datepicker-es.js"></script> 
        <link href="jquery-ui.min.css" rel="stylesheet" type="text/css">
        
        <script type="text/javascript">
           
           $(function(){
 
                tabla = $('#act');
                tr = $('#fila', tabla);
                $('#agregarFila').live('click', function (){
                    tr.clone().appendTo(tabla).find(':text, :hidden').val('');
 
                });
                
                $("#eliminarActividad").live('click', function (){
                    var tr = $(this).closest('tr');
                    tr.remove();
                });
                
                
            [B]    $(".fecha_inicio_tarea").datepicker({
                    showOn: 'button',
                    buttonImage: 'calendar.gif',
                    buttonImageOnly: true,
                    changeMonth:true,
                    changeYear:true,
                    dateFormat: 'yy/mm/dd'
        });
                
                $("#fecha_fin_tarea").datepicker({
                    showOn: 'button',
                    buttonImage: 'calendar.gif',
                    buttonImageOnly: true,
                    changeMonth:true,
                    changeYear:true,
                    dateFormat: 'yy/mm/dd'
        });[/B]
            });
            
        </script> 
        
    </head>
    <body>
 
        <h3>Ingrese la informacion del nuevo proyecto</h3> 
        
        <form name="formAgregarProyecto" method="post" action="guardarProyecto.jsp">
                    
            <table><tr><td>
 
            <table id="act" border="1">
                
                <tr>
                    
                    <td>Actividades</td>
                    <td>Fecha de Inicio</td>
                    <td>Fecha de Finalización</td>
                    <td>Estatus</td>
                    <td>Observacion</td>
                    <td></td>
 
                </tr>
                
                <tr id="fila">
                                       
                   
                    <td><input type="text" name="nombre_tarea[]" /></td> 
                    <td>[B]<input type="text" name="fecha_inicio_tarea[]" class="fecha_inicio_tarea" readonly/>[/B]</td>
                    <td><[B]input type="text" name="fecha_fin_tarea[]" id="fecha_fin_tarea" readonly />[/B]</td>
                    <td><select name="estatus_tarea[]" size="1">
                                <option value="1">Iniciado</option>
                                <option value="2">Proceso</option>
                                <option value="3">Finalizado</option>
                        </select></td>
                    <td><textarea rows="1" cols="17" name="observacion_tarea[]" maxlength="400"></textarea></td>
                    <td><input type="button" value="-" id="eliminarActividad"/></td>
                </tr>
            </table>
            </td>
            <td> 
                <input type="button" value="+" id="agregarFila" /> 
            </td></tr></table>    
                              
            <input type="button" value="Atras" onClick="window.location.href='gestionarProyecto.jsp'" />
            <input type="submit" name="Guardar" value="Guardar"  /> 
            <input type="reset" value="Limpiar" /> 
        </form>
        
    </body>
</html>

Habia intentado solucionarlo colocando corchetes, tanto en la funcion javascriot .fecha_inicio_tarea[] y #fecha_fin_tarea[], y en html class="fecha_inicio_tarea[]" y id="fecha_fin_tarea[]" pero me dice que no es compatible.

Por favor, necesito ayuda, se lo agradeceria bastante.