FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
|
#1
|
|||
|
|||
Cambiar alto de lista desplegable
Hola todos, soy nuevo en este foro y nuevo en lo que es JavaScript XD
Asi que quisiera que me ayudaran en un problema que tengo con listas desplegables, y quisiera saber si se les puede cambiar el tamaño vertical a las listas desplegables ya que en un trabajo he hecho una lista que desplega los años desde 1907 a 1987 y cuando la desplego me abarca toda la pagina asi que desearia saber si hay una forma de que abarque menos tamaño y que funcione con el barra de desplazamiento vertical Saludos |
#2
|
||||
|
||||
Saludos, bienvenido al foro .
Se me ocurre el siguiente código para tu problema : Código:
<script type="text/javascript" language="javascript"> var _objStatus=0; function _select(_obj,ev){ if(_objStatus==0){ if (ev=='click' || ev=='focus') { _obj.size=5; _objStatus=1; } else { _obj.size=0; _objStatus=0; } } else { if(ev=='click' || ev=='blur'){ _obj.size=0; _objStatus=0; } else { _obj.size=5; _objStatus=1; } } _obj.style.backgroundcolor='white'; } </script> <select id="foo" size="0" onclick ="javascript:_select(this,'click');" onfocus="javascript:_select(this,'focus');" onchange="javascript:_select(this,'change');" onblur="javascript:_select(this,'blur');" > <option>Opcion1</option> <option>Opcion2</option> <option>Opcion3</option> <option>Opcion4</option> <option>Opcion5</option> <option>Opcion6</option> <option>Opcion7</option> <option>Opcion8</option> <option>Opcion9</option> <option>Opcion10</option> <option>Opcion11</option> <option>Opcion12</option> <option>Opcion13</option> <option>Opcion14</option> <option>Opcion15</option> </select> Inicializamos la variable _objStatus con el valor 0, lo cual significa que nuestro "select" está en el estado inicial. Código:
var _objStatus=0; Código:
function _select(_obj,ev){ Código:
if(_objStatus==0){ Código:
if (ev=='click' || ev=='focus') { _obj.size=5; _objStatus=1; } else { _obj.size=0; _objStatus=0; } Código:
} else { if(ev=='click' || ev=='blur'){ _obj.size=0; _objStatus=0; } else { _obj.size=5; _objStatus=1; } } } Código:
<select id="foo" size="0" onclick ="javascript:_select(this,'click');" onfocus="javascript:_select(this,'focus');" onchange="javascript:_select(this,'change');" onblur="javascript:_select(this,'blur');" > ... </select> Saludos. Edito: Jeje, como sabran trabajo con Linux pero los demás pc's de la red tienen windows asì que decidí probarlo en IE y esto ha causado que todo el sistema se "trabe", revisaré mas tarde cual será el error en el código (o en el explorador ) para buscar una solución, pero al menos la idea ahí está. Edito 2: Tampoco funciona en Opero sobre Linux . Última edición por D-MO fecha: 19-06-2007 a las 20:19:26. |
#3
|
|||
|
|||
Muchas Gracias XD
Lo probare |
#4
|
|||
|
|||
Y digo yo, poque no poner directamente la propiedad size del select en el html , no en javascript, asi solo es una linea, e infinitamente mas sencillo ?????
|
#5
|
||||
|
||||
Cita:
Saludos. |
#6
|
||||
|
||||
Pero si usas la propiedad size, entonces ya no se tiene una lista desplegable, sino sólo una lista. Parece que el ejemplo trata de simular eso aunque lo he probado y resulta un tanto confuso. En realidad no entiendo cuál es el problema; las listas desplegables tiene un máximo de elementos que mostrar a la vez, pasado el cual, muestran las barras de desplazamiento.
// Saludos |
#7
|
|||
|
|||
XD lo estuve probando y no me funciono se me queda trabado la pagina web XD, bueno en fin si me dan otra mano no me quejaria XD
Gracias por todo Última edición por WillianDs fecha: 20-06-2007 a las 03:28:35. |
#8
|
||||||
|
||||||
Cita:
Cita:
Cita:
Cita:
Cita:
Cita:
Saludos. Última edición por D-MO fecha: 20-06-2007 a las 07:50:53. |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Comentario "aplastante" contra los que atacan la "piratería" | Casimiro Notevi | La Taberna | 12 | 07-03-2010 14:03:02 |
Necesito llamar a métodos de clases "hija" desde su clase "padre" | Flecha | OOP | 17 | 20-04-2007 00:03:53 |
"Ustedes provocaron que yo hiciera esto" | jhonny | La Taberna | 0 | 17-04-2007 21:16:35 |
Ventana MDI, "Siempre visible" y "Pantalla completa" | ixMike | API de Windows | 7 | 11-04-2007 18:36:55 |
alguien sabe como es esto me tira error en la lineadel where "invalid use of keyword" | todook | Conexión con bases de datos | 5 | 16-11-2006 21:58:02 |
|