Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Duda en el uso de span por fuera de tr al interior de una tabla

Estas en el tema de Duda en el uso de span por fuera de tr al interior de una tabla en el foro de Frameworks JS en Foros del Web. Cordial Saludo Tengo una pregunta la cual no sé muy bien si tendria que ir en el foro de HTML ó en el de Frameworks ...
  #1 (permalink)  
Antiguo 03/08/2011, 18:53
 
Fecha de Ingreso: marzo-2009
Ubicación: Cali (Valle) - Colombia
Mensajes: 164
Antigüedad: 12 años, 6 meses
Puntos: 2
Duda en el uso de span por fuera de tr al interior de una tabla

Cordial Saludo

Tengo una pregunta la cual no sé muy bien si tendria que ir en el foro de HTML ó en el de Frameworks JS (JQuery), por lo cual la publicare en ambos.

El punto es, tengo una tabla con dos filas (en una de las filas campos de formulario), de las cuales se pueden agregar réplicas, para lo cual uso un botón cuyo id es "agregar" el cual hace referencia al evento click y por medio de JQuery clono las filas (eso si solo el última par, ya que luego de varias "replicadas" pueden haber muchas) y las agrego en la capa "detalleRemesaAgregar", más al dar click sobre el botón "Agregar" no se me replican las dos filas, más cuando intento hacer esto mismo por fuera de una tabla sin los "<tr>" me funciona perfectamente, mi "sospecha" es en relación a esta misma etiqueta, pues no sé si sea funcional usan la etiqueta "span" por fuera de un "tr" al interior de una tabla, por lo cual me gustaria conocer sus sugerencias y aportes (sin tener que manejar las filas por fuera de mi tabla actual) ver código.

HTML

<table>
<span class="detalleRemesa">

<tr>
<td colspan="2">Documento Identificación Remitente</td>
<td>O.C.</td>
<td>Valor Declarado</td>
</tr>

<tr>
<td colspan="2">
<input class="campos" type="text" name="documentoIdentificacionRemitente[]" id="documentoIdentificacionRemitente" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="oc[]" id="oc" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="valorDeclarado[]" id="valorDeclarado" value="" size="9" />
</td>
</tr>
</span>

<span id="detalleRemesaAgregar"></span>

<tr>
<td>
<input type="button" name="agregar" id="agregar" value="Agregar" /><input type="button" name="quitar" id="quitar" value="Quitar" />
</td>
</tr>
</table>



JS (JQuery)

$(document).ready(function(){
$("#agregar").click(function() {
$(".detalleRemesa").last().clone().appendTo("#deta lleRemesaAgregar");
});
});

Quedo atento a sus comentarios y/ó sugerencias.

Muchas gracias.
  #2 (permalink)  
Antiguo 03/08/2011, 20:00
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 13 años, 1 mes
Puntos: 1532
Respuesta: Duda en el uso de span por fuera de tr al interior de una tabla

POST REPETIDO: http://www.forosdelweb.com/f4/duda-u...-tabla-934256/ favor no duplicar mensajes

creo que ningún DTD admitirá eso, y por lo tanto es probable que falle en determinados navegadores, ¿porque mejor no le asignas una clase a la fila?, con jQuery puedes gestionarlas así

<tr class="clase1 clase2" ...
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Última edición por maycolalvarez; 03/08/2011 a las 20:31
  #3 (permalink)  
Antiguo 04/08/2011, 10:14
 
Fecha de Ingreso: marzo-2009
Ubicación: Cali (Valle) - Colombia
Mensajes: 164
Antigüedad: 12 años, 6 meses
Puntos: 2
Respuesta: Duda en el uso de span por fuera de tr al interior de una tabla

Hola, muchas gracias por tu aporte, hace un momento usé la etiqueta tbody (y no tuve que modificar nada de JS y funciona en IE, en Firefox y Google Chrome) y ya se me agregan las nuevas filas, el código quedó así:

<table>
<tbody class="detalleRemesa">

<tr>
<td colspan="2">Documento Identificación Remitente</td>
<td>O.C.</td>
<td>Valor Declarado</td>
</tr>

<tr>
<td colspan="2">
<input class="campos" type="text" name="documentoIdentificacionRemitente[]" id="documentoIdentificacionRemitente" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="oc[]" id="oc" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="valorDeclarado[]" id="valorDeclarado" value="" size="9" />
</td>
</tr>
</tbody>

<tbody id="detalleRemesaAgregar"></tbody>

<tr>
<td>
<input type="button" name="agregar" id="agregar" value="Agregar" /><input type="button" name="quitar" id="quitar" value="Quitar" />
</td>
</tr>
</table>

Más el problema ahora es que se me agregan las nuevas filas con sus 4 columnas en una sola columna (como si en esta usara colspan igualado a 4) de las filas originales, de manera que las otras columnas quedan sin campos, deformándose así mi tabla (ver imagen que se visualiza en el enlace).

http://www.uploadgeek.com/share-3D5D_4E3AB8A8.html

Ya intente haciendo esto:

<tr>
<td colspan="4">
<tbody id="detalleRemesaAgregar"></tbody>
</td>
</tr>

Sin embargo el resultado es el mismo.

Por favor si saben una solución para esto agradecería sus aportes.

Muchas gracias.

Etiquetas: fuera, html, interior, jquery, js, span, tabla, formulario
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 04:34.