Foros del Web » Creando para Internet » CSS »

Mostrar contenido completo de un listbox

Estas en el tema de Mostrar contenido completo de un listbox en el foro de CSS en Foros del Web. Hola que tal amigos! Tengo una duda, como puedo hacer para mostrar el texto completo de un listbox, ya que si por ejemplo yo le ...
  #1 (permalink)  
Antiguo 14/06/2011, 23:29
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Mostrar contenido completo de un listbox

Hola que tal amigos!

Tengo una duda, como puedo hacer para mostrar el texto completo de un listbox, ya que si por ejemplo yo le ajusto como:

Código HTML:
<select style="width:50px">
    <option>asdasdssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</option>
    <option>dsds</option>
    </select> 
El primero se ve corto ya que coloque un width:50px, pero como puedo hacer para que cuando le de click se muestre todo el contenido del option: (asdasdsssssssssssssssssssssssssssssssssssssssssss sssssssssssssssssssss)
?

Espero me puedan apoyar..
saludos!
  #2 (permalink)  
Antiguo 15/06/2011, 05:31
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 13 años
Puntos: 1
Respuesta: Mostrar contenido completo de un listbox

prueba con el atributo "size"

<select size=4>
.
.
.
</select>

Así te muestra las 4 primeras opciones
  #3 (permalink)  
Antiguo 15/06/2011, 09:25
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por Isra_84 Ver Mensaje
prueba con el atributo "size"

<select size=4>
.
.
.
</select>

Así te muestra las 4 primeras opciones
Pero yo no quiero que el listbox se agrande hasta alcanzar el tamaño de mi texto, si no que a dar clicl en la flechita el recuadro ahora si se agrande al tamaño de mi texto , más no el <select>

si no el <option> que se ajuste
saluds!
  #4 (permalink)  
Antiguo 15/06/2011, 10:46
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Mostrar contenido completo de un listbox

hasta donde yo se eso ocurre por defecto

http://jsfiddle.net/tredio/VJ8dy/
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #5 (permalink)  
Antiguo 15/06/2011, 10:55
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por tredio Ver Mensaje
hasta donde yo se eso ocurre por defecto

http://jsfiddle.net/tredio/VJ8dy/
Osea que te corte el contenido ?
Apoco no se puede hacer para que al dar click se expandan los resultados ?

saludos!
  #6 (permalink)  
Antiguo 15/06/2011, 11:58
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Mostrar contenido completo de un listbox

ah ok, al parecer no habia entendido del todo lo que querias hacer jeje, bueno aca te dejo una forma como lo podrias hacer, pero es una solucion basada en js

http://jsfiddle.net/tredio/VJ8dy/6/
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #7 (permalink)  
Antiguo 15/06/2011, 17:13
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por tredio Ver Mensaje
ah ok, al parecer no habia entendido del todo lo que querias hacer jeje, bueno aca te dejo una forma como lo podrias hacer, pero es una solucion basada en js

http://jsfiddle.net/tredio/VJ8dy/6/
Hola nuevamente, gracias por responde.

Eso que me muestras era justo lo que no queria que pasara, que se alaragará el select al tamaño del contenido si no que cuando dieras el clcik al mostrar todos los resultados, se ampliara pero el contenido no el select, si me doy a entender ?
  #8 (permalink)  
Antiguo 15/06/2011, 17:58
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Mostrar contenido completo de un listbox

nop, ahora si no entiendo, explicate con alguna imagen o algun lugar donde hayas visto ese comportamiento de un select.
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #9 (permalink)  
Antiguo 17/06/2011, 12:14
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por tredio Ver Mensaje
nop, ahora si no entiendo, explicate con alguna imagen o algun lugar donde hayas visto ese comportamiento de un select.
Hola que tal mira:

El listbox debe de contar con una anchura de 50px, como lo muestra el codigo inicial, PERO al darle click a la flechita del listbox para que muestre su contenido como cuenta con un <option>suuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuumamente largoooooooooooooooooo</option> y otro <option>pequeño</option> entonces el <option> ques contiene información muy muy larga se corta solo muestra el listbox al precionar la flecha del contenido suuuuuuuuu (falta mostar uuuuuuuuuuuuuuuuuuuuuuuumamentelargooooooooooooooo ooo), ya que se colocó al inicio un witdh de 50px. obviamente el <option>pequeño</option> si lo muestra ya que entra dentro de este rango..

Si más o menos me explique mejor ?

saludos!
  #10 (permalink)  
Antiguo 17/06/2011, 12:29
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Mostrar contenido completo de un listbox

sigo sin enteder nada, asi veo yo el select cuando le doy click, no se como lo ves tu

http://imageshack.us/photo/my-images...nttulo1yw.png/
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #11 (permalink)  
Antiguo 17/06/2011, 13:17
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Mostrar contenido completo de un listbox

compañero @marco64yes, esto ya se volvió un juego de adivinanzas... haga favor de colocarnos su código tal cual lo tiene + unas fotos de como se ve y como se debería ver

o mejor aun link a su sitios y las fotos ñ.ñ

de verdad que el compañero @tredio ya tubo bastante sapiencia y usted no se ha sabido dar a entender
  #12 (permalink)  
Antiguo 17/06/2011, 16:15
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por tredio Ver Mensaje
sigo sin enteder nada, asi veo yo el select cuando le doy click, no se como lo ves tu

http://imageshack.us/photo/my-images...nttulo1yw.png/
Esoooooo justamente esooo!!!
como se puede hacer ?

muy bien!!
  #13 (permalink)  
Antiguo 17/06/2011, 16:16
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por Ag666 Ver Mensaje
compañero @marco64yes, esto ya se volvió un juego de adivinanzas... haga favor de colocarnos su código tal cual lo tiene + unas fotos de como se ve y como se debería ver

o mejor aun link a su sitios y las fotos ñ.ñ

de verdad que el compañero @tredio ya tubo bastante sapiencia y usted no se ha sabido dar a entender
jaja no se enoje, ya entendio tredio el master..
esto que hago es para incrementar los niveles de imaginación y peresepción rápida según alfred mateus
  #14 (permalink)  
Antiguo 17/06/2011, 16:30
Avatar de inieva  
Fecha de Ingreso: noviembre-2009
Ubicación: Argentina
Mensajes: 34
Antigüedad: 14 años, 5 meses
Puntos: 18
Respuesta: Mostrar contenido completo de un listbox

El comportamiento por defecto que tedio menciona no es en todos los navegadores así, este es un viejo problema que se da en IE6 y 7.

Acá les dejo un link. Creo que esto es lo que necesita marco64yes.

http://www.jainaewen.com/files/javascript/jquery/ie-select-width/

Saludos!
__________________
http://www.ignacionieva.com.ar

Última edición por inieva; 17/06/2011 a las 16:43
  #15 (permalink)  
Antiguo 17/06/2011, 17:41
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 5 meses
Puntos: 66
Respuesta: Mostrar contenido completo de un listbox

claro, es que el problema es que el no habia especificado en que navegador estaba :x, a ver si con los link que te coloco inieva resuelves.
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #16 (permalink)  
Antiguo 18/06/2011, 19:32
 
Fecha de Ingreso: septiembre-2010
Mensajes: 350
Antigüedad: 13 años, 6 meses
Puntos: 9
Exclamación Respuesta: Mostrar contenido completo de un listbox

Cita:
Iniciado por inieva Ver Mensaje
El comportamiento por defecto que tedio menciona no es en todos los navegadores así, este es un viejo problema que se da en IE6 y 7.

Acá les dejo un link. Creo que esto es lo que necesita marco64yes.

http://www.jainaewen.com/files/javas...-select-width/

Saludos!
Muchas gracias amigo!!, era justo lo que buscaba y tredio muchas gracias por la pasiencia que sin todo esto que se dió no hubiera salido esto.
Gracias a los 2!!!

Etiquetas: completo, contenido, listbox
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 03:13.