Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Carlos García-Olalla Olivera
Se debe usar aquel que sea válido gramaticalmente.

2009/5/15 Miguel Beltran R. yourpa...@gmail.com

 Hola lista, tengo una duda para el correcto uso de form's cuando se
 presentan los datos usando tablas.


 FORMA 1
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   form
   trtdinput .../td.../tr
   /form
 /tbody
 /table

 FORMA 3
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   tr
   formtdinput .../td.../form
   /tr
 /tbody
 /table


 cuál se debe usar?
 --
 
 Lo bueno de vivir un dia mas
 es saber que nos queda un dia menos de vida
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema mmundo
Hola Miguel,

a no ser que tengas un formulario distinto para cada fila, lo lógico es que
el /form sea el contenedor de /table, ya que lo que deduzco de tu escueto
mail es que la tabla la usas como elemento estructural para organizar los
campos.


Saludos,
Martí.
--


2009/5/15 Miguel Beltran R. yourpa...@gmail.com

 Hola lista, tengo una duda para el correcto uso de form's cuando se
 presentan los datos usando tablas.


 FORMA 1
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   form
   trtdinput .../td.../tr
   /form
 /tbody
 /table

 FORMA 3
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   tr
   formtdinput .../td.../form
   /tr
 /tbody
 /table


 cuál se debe usar?
 --
 
 Lo bueno de vivir un dia mas
 es saber que nos queda un dia menos de vida
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problema con div absolute y z-index

2009-05-15 Por tema Daniel Navarro
Hola, para poder comparar los z-index en IE, los elementos tienen que
compartir el mismo ancestro inmediato posicionado.

Al posicionar de forma absoluta los div.tbdButtons, éstos crean un nuevo
contexto de apilamiento en IE. Los elementos contenidos dentro de un
div.tbdButtons en particular se apilarán conforme al z-index, pero no se
compararán los elementos pertenecientes a div.tbdButtons diferentes.

Saludos

El 14 de mayo de 2009 16:31, Ana Moya abm...@gmail.com escribió:

 Perfecto!!! gracias, con las cosas que he probado y eso no se me había
 ocurrido :(

 Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6.



 El 14 de mayo de 2009 15:10, David Huertas dhm...@yahoo.es escribió:

  Ana Moya escribió:
   El problema es que al mostrar el div .floatShadow superior queda debajo
  del
   .tbdButtons inferior, cuando tiene que quedar por encima.
  
  
  Qtal,
 Si es solo eso creo que con eliminar la linea:
 z-index:40;
 del la clase .tbdButtons bastaria. Por lo menos con Firefox.
 
  Saludos
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Ramon Lapenta
Si es solo para organizar los elementos, una tabla no es lo correcto,  
y no es necesaria tampoco.

Lo elementos de form son suficientes y los correctos (form, fieldset,  
label, input).

Puedes checar algo sencillo como http://morsmotors.publiweb.com.ve/contactos


On May 14, 2009, at 8:44 PM, Miguel Beltran R. wrote:

 Hola lista, tengo una duda para el correcto uso de form's cuando se
 presentan los datos usando tablas.


 FORMA 1
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   form
   trtdinput .../td.../tr
   /form
 /tbody
 /table

 FORMA 3
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   tr
   formtdinput .../td.../form
   /tr
 /tbody
 /table


 cuál se debe usar?
 -- 
 
 Lo bueno de vivir un dia mas
 es saber que nos queda un dia menos de vida
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente  
 dirección: http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Miguel Beltran R.
El 15 de mayo de 2009 2:09, mmundo mmu...@gmail.com escribió:

 Hola Miguel,

 a no ser que tengas un formulario distinto para cada fila, lo lógico es que
 el /form sea el contenedor de /table, ya que lo que deduzco de tu escueto
 mail es que la tabla la usas como elemento estructural para organizar los
 campos.


Es una aplicación web que muestra varios registros de la base de datos para
su modificación, como cada tr es un registro no puedo poner un form para
toda la tabla.

Lo raro es que tengo ya una aplicación que usa frames, en uno tengo el
formulario de peticion y en otro muestro el resultado donde tiene
tableformtrinput.../tr/formformtrinput.../tr/form/table
y se ve bien.
pero ayer quise hacer una nueva aplicación que usa Ajax para mostrar el
resultado dentro de un div pero no me muestra nada de la tabla. Usando
firebug inspecciono el html y se ve el codigo correcto, como en el ejemplo
anterior, pero lo muetra opaco, como desalitidado.

Me puse a buscar y volviendo a leer con mas detalle la especificación de
HTML 401 vi que un table ó tr no puede tener un form enseguida de
ellos, pero en el form se especifica que si puede tener un form
enseguida.

Entonces probe con
formtable.../table/formformtable.../table/form y si me
puestra los datos bien en pantalla.

No tengo idea porque en mi aplicación vieja si muestra los datos si el
codigo es el mismo (invalido :P), ambos tienen un DTD valida par cada caso.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Miguel Beltran R.
El 15 de mayo de 2009 9:39, Ramon Lapenta ram...@gmail.com escribió:

 Si es solo para organizar los elementos, una tabla no es lo correcto,
 y no es necesaria tampoco.

 Lo elementos de form son suficientes y los correctos (form, fieldset,
 label, input).

 Puedes checar algo sencillo como
 http://morsmotors.publiweb.com.ve/contactos



 El problema (para mis conocimientos limitados) es que debo presentar los
datos de forma tabular. Estoy haciendo como una hoja de calculo, pero con
html + Ajax (esto es web 2.0?)

Por cierto viendo el codigo fuente de la pagina que pasaste vi que en la
propiedada name usas como identificador contacto[empresa] o
contacto[nombre], ¿pórque no usas el mismo nombre que tienes en los id?
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Tei
2009/5/15 Miguel Beltran R. yourpa...@gmail.com:
...
 table
 thead
  trTITULOS/tr
 /thead
 tbody
   tr
       formtdinput .../td.../form
   /tr
 /tbody
 /table

con independencia de lo que diga el estandar o como esten construidos
los user agent.  Esto es feo. form crea nuevo bloque, como div, asi
que no es inocuo al layout.  Si solo fuera informativo, como
noscript style... pero no es el caso.  Meterlo entre  table y
tr por tanto parece que deberia ser ilegal, dado que ese lugar
realmente no existe. Si pones en ese lugar una bhola mundo/b, el
pobre user agent lo llegara a poner en alguna parte, pero no tiene un
sitio donde ponerlo, ese lugar no es apropiado para nada visual, y
form tiene parte visual. Es algo asi como poner:
tr
divtdinput...   /div

por eso yo prefiero la forma en la que form va dentro del td

tdform... /form/td

de todos modos habria que ver que pone en los specs.

-- 
--
ℱin del ℳensaje.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Miguel Beltran R.



 con independencia de lo que diga el estandar o como esten construidos
 los user agent.  Esto es feo. form crea nuevo bloque, como div, asi
 que no es inocuo al layout.  Si solo fuera informativo, como
 noscript style... pero no es el caso.  Meterlo entre  table y
 tr por tanto parece que deberia ser ilegal, dado que ese lugar
 realmente no existe. Si pones en ese lugar una bhola mundo/b, el
 pobre user agent lo llegara a poner en alguna parte, pero no tiene un
 sitio donde ponerlo, ese lugar no es apropiado para nada visual, y
 form tiene parte visual. Es algo asi como poner:
 tr
 divtdinput...   /div

 por eso yo prefiero la forma en la que form va dentro del td

 tdform... /form/td

 de todos modos habria que ver que pone en los specs.


Muchas gracias por la explicación, ahora entiendo porque no se ve.
Pero poner en el td el form (y todos los campos) no se verian bien los
datos, de forma tabular.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema David Pardo
me parece una consulta interesantísima. he dedicado un rato a buscar 
posibles soluciones y podría decir con bastante seguridad que no la hay.

Un tr tiene que estar directamente dentro de un table, un tbody o 
un thead/tfoot. A su vez, sólo puede contener th o td. Por 
tanto, no se puede intercalar un form al nivel de una fila de tabla.

Para resolver el problema se podrían hacer tres cosas, pero ambas tienen 
influencia en la lógica de negocio:

1.- Crear un form dentro de cada uno de los td/th que lo necesite

2.- Meter toda la tabla en un form.

3.- Crear una tabla para cada fila

Ninguna de las tres es perfecta, pero, al menos en html 4, no veo que 
exista una solución para enviar al servidor sólo los contenidos de una 
fila de la tabla.

De todos modos, si a alguno se le ocurre una solución válida y realista, 
por favor, mandadla a la lista.

David


*http://www.w3.org/TR/html401/struct/tables.html


Miguel Beltran R. escribió:


 con independencia de lo que diga el estandar o como esten construidos
 los user agent.  Esto es feo. form crea nuevo bloque, como div, asi
 que no es inocuo al layout.  Si solo fuera informativo, como
 noscript style... pero no es el caso.  Meterlo entre  table y
 tr por tanto parece que deberia ser ilegal, dado que ese lugar
 realmente no existe. Si pones en ese lugar una bhola mundo/b, el
 pobre user agent lo llegara a poner en alguna parte, pero no tiene un
 sitio donde ponerlo, ese lugar no es apropiado para nada visual, y
 form tiene parte visual. Es algo asi como poner:
 tr
 divtdinput...   /div

 por eso yo prefiero la forma en la que form va dentro del td

 tdform... /form/td

 de todos modos habria que ver que pone en los specs.

 
 Muchas gracias por la explicación, ahora entiendo porque no se ve.
 Pero poner en el td el form (y todos los campos) no se verian bien los
 datos, de forma tabular.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Chr5
Alguna de mis reflexiones espontáneas:

- Si nos ajustamos a la visión actual basada en los estándares, deberíamos
partir de un tableless layout, osea, separar los elementos forms, de los
elementos de tabla. Son dos conceptos que actualmente no tiene sentido
fusionar. Las tablas tienen su mundo propio de etiquetas y los formularios
también.

Con el adecuado manejo de las CSS podemos dar formato a los formularios sin
necesidad de usar tablas.

saludos,
carlos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Phaseolus
Lo que yo he hecho, ya que habitualmente debo trabajar con
aplicaciones con grillas, es crear sólo un formulario con campos
hidden y en cada TD pongo un a que apunte a un javascript que llene
los hidden y envie el formulario.

Algo así.
 function pagar(idPago, monto){
document.getElementById('hdIdPago').value=idPago;
document.getElementById('hdMonto').value=monto;
document.getElementById('myFormAction').submit();
}
...

form id=myFormAction action/PagosAction.do?accion=pagar
name=myFormAction 
input type=hidden id=hdIdPago  name=hdIdPago /
input type=hidden id=hdMonto  name=hdMonto /
/form

table class=grilla
thead
tr
thTipo Documento/th
thMonto/th
thAccion/th
/tr
/thead
tbody
tr
tdFormulario 30/td
td50.000/td
tda href=javascript:pagar(321, 
5);Pagar/a/td
/tr
tr
tdFormulario 50/td
td3.000/td
tda href=javascript:pagar(322, 
3000);Pagar/a/td
/tr
/tbody

..
/table


Espero te sirva.
Saludos.

Phas.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Miguel Beltran R.
El 15 de mayo de 2009 10:29, David Pardo da...@corunet.com escribió:

 me parece una consulta interesantísima. he dedicado un rato a buscar
 posibles soluciones y podría decir con bastante seguridad que no la hay.

Por lo que he visto asi parece, ya revise y FF cuando detecta este tipo de
codigo lo corrige por uno.

Uso firebug para mostrar lo siguiente.
Asi esta el codigo cuando uso Ajax (con prototype.js)
 table border=1   tbody id=comprobacion_busqueda_resultado class=
resultado
  form
 tr id=ul4 combrobacion_id=4
  td2/td
 td
 input value=1/
  /td
/tr
  /form
   /tbody
/table


Y asi esta el codigo cuando se carga la pagina normalmente (no-ajax)
table border=1form/
tbody
 tr
   td
 input value=1/
  /td
  td2/td
 /tr
/tbody
/table


Como se puede ver el form lo mueve FF afuera del tbody, pero deja el
tr dentro del mismo.


 Un tr tiene que estar directamente dentro de un table, un tbody o
 un thead/tfoot. A su vez, sólo puede contener th o td. Por
 tanto, no se puede intercalar un form al nivel de una fila de tabla.

 Para resolver el problema se podrían hacer tres cosas, pero ambas tienen
 influencia en la lógica de negocio:

 1.- Crear un form dentro de cada uno de los td/th que lo necesite

 2.- Meter toda la tabla en un form.

 3.- Crear una tabla para cada fila

 Ninguna de las tres es perfecta, pero, al menos en html 4, no veo que
 exista una solución para enviar al servidor sólo los contenidos de una
 fila de la tabla.

 De todos modos, si a alguno se le ocurre una solución válida y realista,
 por favor, mandadla a la lista.

David


 *http://www.w3.org/TR/html401/struct/tables.html



El problema que le veo a los 3 metodos que menciones es que si un registro
tiene por ejemplo la columna1 de 30 letras y la columna2 de 50 letras dibuja
el borde a esas distancias.
Y en el siguiente registro si la columna1 tiene 50 letras y la columna2 10,
el borde no se va a ver a la misma distancia que el otro.
Y eso no visualmente no se ve bien.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Miguel Beltran R.
El 15 de mayo de 2009 15:36, Chr5 chr5ma...@gmail.com escribió:

 Alguna de mis reflexiones espontáneas:

 - Si nos ajustamos a la visión actual basada en los estándares,
 deberíamos
 partir de un tableless layout, osea, separar los elementos forms, de los
 elementos de tabla. Son dos conceptos que actualmente no tiene sentido
 fusionar. Las tablas tienen su mundo propio de etiquetas y los formularios
 también.

 Con el adecuado manejo de las CSS podemos dar formato a los formularios sin
 necesidad de usar tablas.

 Otra forma que he intentado antes, porque si aparece como una cuadricula
bien alineada es:

   ul
  li class=columna1spannombre de columna1/span
  /li
  li class=columna2spannombre de columna2/span
  /li
   /ul
form
   ul registro=r1
  li class=columna1input
  /li
  li class=columna2input
  /li
   /ul
/form
form
   ul registro=r2
  li class=columna1input
  /li
  li class=columna2input
  /li
   /ul
/form

[CSS]
.columna1 {width: 30em}
.columna2 {width: 50em}

Pero el problema de este metodo es... no me acuerdo ahorita que problema
tenia, lo voy a intentar asi otra vez para ver que problemas eran y les
platico.


Por cierto ya intente usando con javascript appendChild que mueve un nodo de
un padre a otro, con esto ya muevo que el tr este de form a tbody,
pero lo malo es que tambien me desliga los input del form original.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-15 Por tema Miguel Beltran R.
El 15 de mayo de 2009 16:47, Phaseolus phaseol...@yahoo.es escribió:

 Lo que yo he hecho, ya que habitualmente debo trabajar con
 aplicaciones con grillas, es crear sólo un formulario con campos
 hidden y en cada TD pongo un a que apunte a un javascript que llene
 los hidden y envie el formulario.

 Algo así.
  function pagar(idPago, monto){
document.getElementById('hdIdPago').value=idPago;
document.getElementById('hdMonto').value=monto;
document.getElementById('myFormAction').submit();
 }
 ...

 form id=myFormAction action/PagosAction.do?accion=pagar
 name=myFormAction 
input type=hidden id=hdIdPago  name=hdIdPago /
input type=hidden id=hdMonto  name=hdMonto /
 /form

 table class=grilla
thead
tr
thTipo Documento/th
thMonto/th
thAccion/th
/tr
/thead
tbody
tr
tdFormulario 30/td
td50.000/td
tda href=javascript:pagar(321,
 5);Pagar/a/td
/tr
tr
tdFormulario 50/td
td3.000/td
tda href=javascript:pagar(322,
 3000);Pagar/a/td
/tr
/tbody

..
 /table


 Espero te sirva.
 Saludos.

 Phas.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo



asi tal cual no me sirve, porque tu tienes ya los nuevos valores
(javascript:pagar(322, 3000);), pero voy a analizarlo a ver que se me
ocurre.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo