Foros del web, para los que viven de bits

Jorge_cs · 23-mar-2005, 03:02

Campos que se redimensionana solos y tapan los botones.

Tengo una serie de elementos en un formulario.
Son campos creados con la etiqueta "input" y botones creados con la etiqueta "button".
Lo que pretendo conseguir es que los botones se situen a la derecha de los campos, y los campos ocupen todo el espacio restante.

Aparentemente lo habia conseguido al escribirlo asi.

Código:

<td><button style='float:right;' class='BotonA ' onClick='mostrarLov(cd_tipo_localizacion_ptob,ds_tipo_localizacion_ptob);' title='Lista de Valores' >&nbsp;<img src='/images/downarrow.gif' style='vertical-align: middle'>&nbsp;</button><input type='hidden' name='cd_tipo_localizacion_ptob' value='' /><input type='text' class='texto_l ' name='ds_tipo_localizacion_ptob' value='' readonly /></td>

En la hoja de estilo tengo definido

Código:

input { 
  font-family: Arial; 
  font-size: 11px; 
  font-weight: normal; 
  color: #006699; 
  width: 100%; 
}

Bien, como decia, al cargarse la pagina, se ve bien.

El problema aparece cuando se pulsa el boton, y se invoca la funcion "mostrarLov". Esta lo que hace es asignar un valor a las propiedades "value" de los dos objetos que se le pasaron como argumento.

Es entonces cuando, no se por que, el campo "ds_tipo_localizacion_ptob" crece, ocupa todo el ancho y tapa el boton...

Empleo Internet Explorer 6.

¿Alguien puede echarme una mano y decirme que diablos puede estar pasando?

programeitor · 24-mar-2005, 11:46

En la hoja de estilo le tienes asignado a los input una anchura del 100% ,esto ,en un momento dado, puede hacer que el input se expanda a todo lo ancho de la ventana.

Los tienes dentro de una tabla...., puede que la funcion mostrarLov redimensione la tabla o que redefina los inputs fuera de esta.

Jorge_cs · 28-mar-2005, 01:08

Gracias por el interes mostrado, programeitor. Y por intentar ayudar.

Pero creo que no es lo que apuntas el origen del problema. La funcion mostrarLov, lo que hace es crear una ventana con una seria de valores, el usuario elige uno y entonces hago asigno el valor elegido por el usuario al campo input, nada mas. Eso no deberia cambiar el tamaño del input, ¿no?

programeitor · 28-mar-2005, 06:57

Asignar un valor ,no.... pero lo que te comento de la hoja de estilo que le asignas un ancho de 100% puede ser parte del problema., prueba a quitarlo ,y si te parece muestra la funcion para que le heche un viztazo.

23-mar-2005, 03:02	#1 (permalink)
Jorge_cs Fecha de Ingreso: enero-2005 Ubicación: Madrid Mensajes: 29	Campos de formulario que se redimensionana solos Campos que se redimensionana solos y tapan los botones. Tengo una serie de elementos en un formulario. Son campos creados con la etiqueta "input" y botones creados con la etiqueta "button". Lo que pretendo conseguir es que los botones se situen a la derecha de los campos, y los campos ocupen todo el espacio restante. Aparentemente lo habia conseguido al escribirlo asi. Código: <td><button style='float:right;' class='BotonA ' onClick='mostrarLov(cd_tipo_localizacion_ptob,ds_tipo_localizacion_ptob);' title='Lista de Valores' > <img src='/images/downarrow.gif' style='vertical-align: middle'> </button><input type='hidden' name='cd_tipo_localizacion_ptob' value='' /><input type='text' class='texto_l ' name='ds_tipo_localizacion_ptob' value='' readonly /></td> En la hoja de estilo tengo definido Código: input { font-family: Arial; font-size: 11px; font-weight: normal; color: #006699; width: 100%; } Bien, como decia, al cargarse la pagina, se ve bien. El problema aparece cuando se pulsa el boton, y se invoca la funcion "mostrarLov". Esta lo que hace es asignar un valor a las propiedades "value" de los dos objetos que se le pasaron como argumento. Es entonces cuando, no se por que, el campo "ds_tipo_localizacion_ptob" crece, ocupa todo el ancho y tapa el boton... Empleo Internet Explorer 6. ¿Alguien puede echarme una mano y decirme que diablos puede estar pasando?

28-mar-2005, 01:08	#3 (permalink)
Jorge_cs Fecha de Ingreso: enero-2005 Ubicación: Madrid Mensajes: 29	Creo que no es eso. Gracias por el interes mostrado, programeitor. Y por intentar ayudar. Pero creo que no es lo que apuntas el origen del problema. La funcion mostrarLov, lo que hace es crear una ventana con una seria de valores, el usuario elige uno y entonces hago asigno el valor elegido por el usuario al campo input, nada mas. Eso no deberia cambiar el tamaño del input, ¿no?

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

24-mar-2005, 11:46	#2 (permalink)
programeitor Fecha de Ingreso: febrero-2005 Mensajes: 897	En la hoja de estilo le tienes asignado a los input una anchura del 100% ,esto ,en un momento dado, puede hacer que el input se expanda a todo lo ancho de la ventana. Los tienes dentro de una tabla...., puede que la funcion mostrarLov redimensione la tabla o que redefina los inputs fuera de esta.

28-mar-2005, 06:57	#4 (permalink)
programeitor Fecha de Ingreso: febrero-2005 Mensajes: 897	Asignar un valor ,no.... pero lo que te comento de la hoja de estilo que le asignas un ancho de 100% puede ser parte del problema., prueba a quitarlo ,y si te parece muestra la funcion para que le heche un viztazo.