Foros del Web » Creando para Internet » HTML »

Desplazar options de un <select> hacia arriba

Estas en el tema de Desplazar options de un <select> hacia arriba en el foro de HTML en Foros del Web. Hola, ante todo un saludo desde Alicante. Mi duda es bien simple, tanto, que ni buscando he encontrado una respuesta clara. Aunque creo que el ...
  #1 (permalink)  
Antiguo 30/08/2010, 13:24
Avatar de AkiraKazama  
Fecha de Ingreso: mayo-2009
Mensajes: 40
Antigüedad: 8 años, 6 meses
Puntos: 2
Desplazar options de un <select> hacia arriba

Hola, ante todo un saludo desde Alicante.

Mi duda es bien simple, tanto, que ni buscando he encontrado una respuesta clara.
Aunque creo que el título se explica por sí solo, intentaré ser claro:

Tengo un <select> con varios "options", sin embargo, necesito que los mismos se desplieguen hacia arriba, y no hacia abajo.
¿Existe alguna propiedad, algun atributo CSS, o alguna manera para hacerlo?

No contemplo hacerlo con flash, complicará mucho la tarea que estoy realizando.

Sin más, gracias de antemano.
Saludos.
  #2 (permalink)  
Antiguo 30/08/2010, 13:30
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Desplazar options de un <select> hacia arriba

(Tal vez alguien me sorprenda, pero aquí vamos) Lo que entiendo que haga que se ejecute si hacia arriba o hacia abajo es donde esté ubicado y el navegador es quién lo posiciona. Lo más probable que lo puedas lograr con javascript, pero entiendo que tiene que ser un "dropdown" customizado.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 30/08/2010, 13:35
Avatar de AkiraKazama  
Fecha de Ingreso: mayo-2009
Mensajes: 40
Antigüedad: 8 años, 6 meses
Puntos: 2
Respuesta: Desplazar options de un <select> hacia arriba

Cita:
Iniciado por abimaelrc Ver Mensaje
es donde esté ubicado y el navegador es quién lo posiciona.
No entiendo ésto, ¿qué quieres decir? Gracias.

Sobre tu respuesta, investigaré en ello. De todas formas si a alguien se le ocurren más o mejores soluciones el tema sigue abierto.

De nuevo gracias y un saludo.
  #4 (permalink)  
Antiguo 30/08/2010, 14:05
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Desplazar options de un <select> hacia arriba

A lo que me refiero, es que si el "dropdown" está abajo tu vas a ver que el navegador despliega la información hacia arriba, pero si está arriba lo muestra hacia abajo.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 30/08/2010, 14:25
Avatar de AkiraKazama  
Fecha de Ingreso: mayo-2009
Mensajes: 40
Antigüedad: 8 años, 6 meses
Puntos: 2
Respuesta: Desplazar options de un <select> hacia arriba

Cita:
Iniciado por abimaelrc Ver Mensaje
A lo que me refiero, es que si el "dropdown" está abajo tu vas a ver que el navegador despliega la información hacia arriba, pero si está arriba lo muestra hacia abajo.
Ya veo. Gracias por la aclaración.

En cualquier caso si dáis con alguna solución lo agradeceré mucho. Yo también seguiré buscando por mi parte.

Saludos.
  #6 (permalink)  
Antiguo 30/08/2010, 16:09
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Desplazar options de un <select> hacia arriba

digo lo mismo que abimael, quizas alguien me sorprenda. en el tiempo que llevo con javascript, html y css (mas de tres años) no he visto propiedad estandar alguna que permita manejar este aspecto. la unica forma seria un select simulado el cual es una combinacion de elementos y codigo javascript. pero en su esencia no es un <select>.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #7 (permalink)  
Antiguo 30/08/2010, 17:04
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Desplazar options de un <select> hacia arriba

Cita:
Iniciado por zerokilled Ver Mensaje
la unica forma seria un select simulado el cual es una combinacion de elementos y codigo javascript. pero en su esencia no es un <select>.
Correcto, la solucion seria simularlo.
AkiraKazama la forma mas sencilla seria usar un plugin par ala libreria jQuery, para manipular los elementos del <form>
  #8 (permalink)  
Antiguo 30/08/2010, 17:30
Avatar de AkiraKazama  
Fecha de Ingreso: mayo-2009
Mensajes: 40
Antigüedad: 8 años, 6 meses
Puntos: 2
Respuesta: Desplazar options de un <select> hacia arriba

Cita:
Iniciado por alexk Ver Mensaje
AkiraKazama la forma mas sencilla seria usar un plugin par ala libreria jQuery, para manipular los elementos del <form>
¿Podríais orientarme un poco sobre como hacerlo? Todavía estoy algo verde con JS.

Mil gracias, un cordial saludo.
  #9 (permalink)  
Antiguo 30/08/2010, 17:57
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Desplazar options de un <select> hacia arriba

AkiraKazama existen muchos plugins de este tipo
http://www.ajaxupdates.com/jquery-select-box/
http://info.wsisiz.edu.pl/~suszynsk/...ery-selectbox/
estos son algunos, el primero es el que aplico, creo que es muy simple y facil de entender si te bajas el ejemplo
  #10 (permalink)  
Antiguo 31/08/2010, 13:26
Avatar de AkiraKazama  
Fecha de Ingreso: mayo-2009
Mensajes: 40
Antigüedad: 8 años, 6 meses
Puntos: 2
Respuesta: Desplazar options de un <select> hacia arriba

Gracias, probaré y os mantendré informados.

Etiquetas: arriba, desplazar
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 15:17.