Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Crear tabla dinamica

Estas en el tema de Crear tabla dinamica en el foro de Jquery en Foros del Web. Hola colegas, estoy creando una tabla dinámica, pero me surgió un problema (quiero aclarar que de javascript no soy un experto). La función principal de ...
  #1 (permalink)  
Antiguo 08/02/2014, 08:32
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Pregunta Crear tabla dinamica

Hola colegas, estoy creando una tabla dinámica, pero me surgió un problema (quiero aclarar que de javascript no soy un experto).
La función principal de la tabla dinámica es poder agregar filas a medida que uno lo necesite, algunas de esos input existentes en las filas son para colocar fechas (uso datepiker).
En la primer fila, se ejecuta de forma excelente, ya que el html referido a la tabla (filas,botones,etc) ya esta en el index.html; cuando agrego otra fila (es ahí donde actual el javascript)
Código:
var Nueva_Fila='<tr>'+
			'<td>#</td>'+
			'<td><input type="text" name="fecha-vac" id="fecha-vac"  /></td>'+
			'<td><input type="text" name="trabajos-vac" id="trabajos-vac"   /></td>'+
			'<td align="right"><input type="text" name="new-fecha-vac" id="new-fecha-vac"   /> </td>'+
			'<td align="right"><a href="#" title="Guardar" onClick="carga_app_lib();" id="n5"   >Guardar</a></td>'+
						'<td align="right"><a href="javascript:void(0);" id="n" onClick="editfecha();" title="Cargar o editar Fecha de vacunacion" > Cargar/Editar</a></td>'+
		'</tr>';
Lo ejecuta de forma excelente, pero lo que ya no me funciona mas son los input donde contienen las fechas, osea las funciones datepiker (javascript) no funcionan mas.
Les pido alguna sugerencia.
Desde ya muchisimas gracias.
Saludos Cordiales
  #2 (permalink)  
Antiguo 08/02/2014, 09:21
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear tabla dinamica

En lugar del Datepicker, podrías utilizar el input de tipo date de HTML5, con la única desventaja de que solamente será funcionable en navegadores que soporten HTML5, lo bueno es que tanto Chrome, Opera y Firefox, tienen versiones que soportan HTML5 y pueden ser usados hasta en Windows XP.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 08/02/2014, 09:42
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por Alexis88 Ver Mensaje
En lugar del Datepicker, podrías utilizar el input de tipo date de HTML5, con la única desventaja de que solamente será funcionable en navegadores que soporten HTML5, lo bueno es que tanto Chrome, Opera y Firefox, tienen versiones que soportan HTML5 y pueden ser usados hasta en Windows XP.

Saludos
Si entiendo, gracias por tu respuesta, pero yo elegí a datepikier por el calendario que te coloca en javascript cuando te posicionas sobre el input.
  #4 (permalink)  
Antiguo 08/02/2014, 10:03
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Crear tabla dinamica

Hola:

Que yo sepa, en javascript no existe nada llamado datepikier (tal vez sea parte de alguna librería)...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 08/02/2014, 10:36
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear tabla dinamica

caricatos, creo que se refiere a esto.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #6 (permalink)  
Antiguo 08/02/2014, 10:38
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear tabla dinamica

Cita:
Iniciado por dario_sanz Ver Mensaje
Si entiendo, gracias por tu respuesta, pero yo elegí a datepikier por el calendario que te coloca en javascript cuando te posicionas sobre el input.
Con el input de tipo date, tienes el mismo efecto y sin necesidad de usar JavaScript.

Un pequeño ejemplo: http://jsbin.com/rahe/1

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #7 (permalink)  
Antiguo 08/02/2014, 10:42
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Crear tabla dinamica

Hola:

Cita:
Iniciado por Alexis88 Ver Mensaje
caricatos, creo que se refiere a esto.
Bueno, veo que es algo de una librería... y también podría ser de otra... el odioso "$" es común en muchas librerías, pero no es "nativo" del lenguaje... (me refiero a javascript, este foro)...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #8 (permalink)  
Antiguo 08/02/2014, 10:51
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear tabla dinamica

Definitivamente. Creo que nuestro amigo Darío debió publicar este hilo en el sub-foro de jQuery.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #9 (permalink)  
Antiguo 08/02/2014, 11:05
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Que yo sepa, en javascript no existe nada llamado datepikier (tal vez sea parte de alguna librería)...

Saludos
si es una libreria, pero no estoy hablando de conceptos si no de una simple explicacion....por que no me reconoce la función datepiker cuando imprimo html por jquery.
  #10 (permalink)  
Antiguo 08/02/2014, 11:06
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por Alexis88 Ver Mensaje
Definitivamente. Creo que nuestro amigo Darío debió publicar este hilo en el sub-foro de jQuery.
tal vez tengas razón...esta buena tu respuesta, pero sigo utilizando librerías con llamados javascript.....seria lo mismo.

Mira quiero saber por que no me esta reconociendo la función datepiker() el div id="fecha" cuando lo imprimo por javascript!
  #11 (permalink)  
Antiguo 08/02/2014, 11:08
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Crear tabla dinamica

¿Has cargado bien la respectiva librería?
  #12 (permalink)  
Antiguo 08/02/2014, 11:31
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por PHPeros Ver Mensaje
¿Has cargado bien la respectiva librería?
Si, por que funciona bien con el html tipeado desde el teclado, pero no funciona desde el creado con javascript.
La función datepiker() se debe ejecutar sobre el input creado, esta es llamada por el id="fecha" ... osea que cada vez que creo un input desde javascript, es para colocarme dentro de ese input y generar la fecha..
  #13 (permalink)  
Antiguo 08/02/2014, 11:36
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Crear tabla dinamica

Pues igual no lo obtienes bien, o lo haces antes de la carga de los elementos, o ambos
  #14 (permalink)  
Antiguo 08/02/2014, 11:40
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear tabla dinamica

Quizá lo estás haciendo mal. Hice un pequeñísimo ejemplo para crear inputs dinámicos y que éstos tengan el método datepicker aplicado, podrías hacerlo así:

Código Javascript:
Ver original
  1. $("button").click(function(){
  2.     $("body").append($("<input type = 'text' />").datepicker());
  3. });

Así es como se ve: http://jsbin.com/ciluz/1

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #15 (permalink)  
Antiguo 08/02/2014, 12:05
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por Alexis88 Ver Mensaje
Quizá lo estás haciendo mal. Hice un pequeñísimo ejemplo para crear inputs dinámicos y que éstos tengan el método datepicker aplicado, podrías hacerlo así:

Código Javascript:
Ver original
  1. $("button").click(function(){
  2.     $("body").append($("<input type = 'text' />").datepicker());
  3. });

Así es como se ve: http://jsbin.com/ciluz/1

Saludos
Gracias por tu respuesta, lo estoy viendo....
  #16 (permalink)  
Antiguo 08/02/2014, 13:35
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por dario_sanz Ver Mensaje
Gracias por tu respuesta, lo estoy viendo....
  #17 (permalink)  
Antiguo 08/02/2014, 13:36
Avatar de dario_sanz  
Fecha de Ingreso: marzo-2010
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 3
Respuesta: Crear tabla dinamica

Cita:
Iniciado por Alexis88 Ver Mensaje
Quizá lo estás haciendo mal. Hice un pequeñísimo ejemplo para crear inputs dinámicos y que éstos tengan el método datepicker aplicado, podrías hacerlo así:

Código Javascript:
Ver original
  1. $("button").click(function(){
  2.     $("body").append($("<input type = 'text' />").datepicker());
  3. });

Así es como se ve: http://jsbin.com/ciluz/1

Saludos
Gracias seguí tu consejo...muchismas gracias me sirvió ese llamado a la funcion!

Tuve imprimir todos los tag html por separado, por que los almacenaba en una variable y tampoco funcionaba (como lo detalle al principio).

use a la función de esta manera

Código:
$("body").find('tbody').append($('<input type="text" name="fecha-vac" id="fecha-vac"  />').datepicker());


funciona bien..muchas gracias Saludos!
  #18 (permalink)  
Antiguo 08/02/2014, 15:53
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Crear tabla dinamica

Hola:

Cita:
Iniciado por dario_sanz Ver Mensaje
si es una libreria, pero no estoy hablando de conceptos si no de una simple explicacion....por que no me reconoce la función datepiker cuando imprimo html por jquery.


¡Vaya respuesta!... no sé que quieres decir por conceptos...

Existe el subforo jquery, y allí deberías haber preguntado... movemos el tema.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: dinamica, funcion, html, input, javascript, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:01.