Foros del Web » Programando para Internet » Javascript »

Select + scroll

Estas en el tema de Select + scroll en el foro de Javascript en Foros del Web. Hola gente! como les va? Mi pregunta es sencilla, tengo un select con 10 options dentro: Código HTML: <select> <option> ---- </option> <option value= "1" ...
  #1 (permalink)  
Antiguo 31/08/2007, 11:34
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Select + scroll

Hola gente! como les va?

Mi pregunta es sencilla, tengo un select con 10 options dentro:

Código HTML:
<select>
    <option>----</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>               
</select
Y lo que nesecito es que solo esten visibles las 3 primeras opciones, para ver las otras que el usuario deba scrolear ¿me explico?

Desde ya mil gracias!
DX
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #2 (permalink)  
Antiguo 31/08/2007, 11:36
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 4 meses
Puntos: 3
Re: Select + scroll

cambia:

<select>

por

<select size="3" multiple="multiple">


Saludos
  #3 (permalink)  
Antiguo 31/08/2007, 11:43
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Re: Select + scroll

Gracias wigglyUtrera pero poniendole esto me agranda el select y me muestra tres opciones, pero yo no quiero que me agrande el select, sino que quede a la misma medida (que se vea solo una opción) y al desplagar este, si que aparezcan 3 y el scroll!!!

Gracias de nuevo!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #4 (permalink)  
Antiguo 31/08/2007, 11:47
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 4 meses
Puntos: 3
Re: Select + scroll

puede que dandole en el CSS una altura a option

option{
height:xxx; //altura hasta que quepan las 3
}

yo eso lo probe con la anchura, y en Firefox funcionaba pero en IE no...


Saludos
  #5 (permalink)  
Antiguo 31/08/2007, 11:54
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Re: Select + scroll

nop......tampoco!

esto agranda el select entero o cada option, pero me sigue mostrando las 10 opciones.....

Esta difícil el tema!!!!! Gracias de todos modos!!!!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #6 (permalink)  
Antiguo 31/08/2007, 11:58
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 4 meses
Puntos: 3
Re: Select + scroll

yo cuando probe con el ancho, solo me aumentaba el ancho del option, no el del select....



Saludos
  #7 (permalink)  
Antiguo 31/08/2007, 12:00
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 4 meses
Puntos: 3
Re: Select + scroll

aunque bueno, eso aumenta cada option en particular....


veo dificil lo que quieres, jejeje

Saludos
  #8 (permalink)  
Antiguo 31/08/2007, 12:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Re: Select + scroll

lo que busco es algo como el campo de select que hay aca (en esta misma página) el Ir a muestra N cantidad de opciones y para ver las demás uno debe scrollear!

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #9 (permalink)  
Antiguo 31/08/2007, 12:10
 
Fecha de Ingreso: enero-2007
Mensajes: 405
Antigüedad: 17 años, 4 meses
Puntos: 3
Re: Select + scroll

me temo que eso se ve asi porque al haber tantas opciones y tener el indice Seleccionado en ese option, se ven una serie de opciones.

el comportamiento en firefox y IE es distinto.

en IE el indice selecionado lo muestra en primero lugar y en firefox en ultimo lugar...


Saludos
  #10 (permalink)  
Antiguo 31/08/2007, 12:16
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Re: Select + scroll

O sea que en teoria no se puede "decirle" a un select:

mostrame 3 opciones y agregame un scroll para ver las demas?
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #11 (permalink)  
Antiguo 31/08/2007, 12:31
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Re: Select + scroll

Hola DragonX y wigglyUtrera
Cita:
Iniciado por DragonX Ver Mensaje
lo que busco es algo como el campo de select que hay aca (en esta misma página) el Ir a muestra N cantidad de opciones y para ver las demás uno debe scrollear!
mmm... mi firefox me muestra 20 opciones. Como menciona wigglyUtrera, supongo que eso dependerá de cada navegador.

Que yo sepa, no hay forma de establecer el número de opciones a mostrar de un select. Igual no lo sé todo, tal vez alguien nos ilumine al respecto pero yo diría que no es posible
  #12 (permalink)  
Antiguo 31/08/2007, 12:37
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Re: Select + scroll

Cita:
Iniciado por tunait Ver Mensaje
Igual no lo sé todo, tal vez alguien nos ilumine al respecto pero yo diría que no es posible
mmmm..........si usted no lo sabe.....lo dudo mucho....

Gracias de todos modos!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #13 (permalink)  
Antiguo 27/01/2011, 03:14
 
Fecha de Ingreso: octubre-2010
Mensajes: 189
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Re: Select + scroll

Cita:
Iniciado por wigglyUtrera Ver Mensaje
cambia:

<select>

por

<select size="3" multiple="multiple">


Saludos
Hola, buenas!

He comprobado que al añadir la propiedad size ="1"a un select "multiple" en algún navegador, como Firefox, aparece el primer valor pero no aparece ningún scroll, con lo que queda un único valor fijo.
Si size es mayor que "1" aparece el scroll vertical pero no el desplegable(Que puede ser mucho más cómodo , al menos si hay muchos valores)(creo que en todos los navegadores).
¿Alguna idea de cómo solucionar esto?
Es decir, ¿hay alguna manera de mantener siempre el scroll desplegable?
Y gracias por vuestros aportes.

Saludos
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:39.