Foros del Web » Programando para Internet » Jquery »

Boton con icono desplegable en JQUERY

Estas en el tema de Boton con icono desplegable en JQUERY en el foro de Jquery en Foros del Web. Quiero crear un boton desplegable como el que aparece en gmail, adjunto una imagen: Necesito que sea con el formato de jquery ui, ya que ...
  #1 (permalink)  
Antiguo 07/05/2012, 08:12
Avatar de Lucieta86  
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 14 años
Puntos: 1
Boton con icono desplegable en JQUERY

Quiero crear un boton desplegable como el que aparece en gmail, adjunto una imagen:



Necesito que sea con el formato de jquery ui, ya que es como estamos haciendo la web.

El caso es que he utilizado lo siguiente:

En la parte de HTML:

<select id="combobox">
<option value="pp"></option>
<option value="Todos">Todos</option>
<option value="Nada">Nada</option>
</select>

Y en la parte de Jquery:

$("#combobox" ).combobox({
text: false,
icons: {
primary: "ui-icon-check",
secondary: "ui-icon-triangle-1-s"
},

});


Sale un selector, pero me pone en nombre del primer elemento y yo quiero que se muestre el icono que indico, y ademas sale la flechita para el desplegable, mas pequeña que el desplegable...

Espero, puedan ayudarme!
Gracias
  #2 (permalink)  
Antiguo 07/05/2012, 08:17
Avatar de Lucieta86  
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 14 años
Puntos: 1
Respuesta: Boton con icono desplegable en JQUERY

Adjunto una imagen de lo que sale con el codigo que he copiado.



El de la parte de abajo, es como quiero que se quede, y que sea desplegable, solo que no consigo que sea desplegable.

Gracias
  #3 (permalink)  
Antiguo 07/05/2012, 08:23
Avatar de Dafonz  
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 15 años, 2 meses
Puntos: 36
Respuesta: Boton con icono desplegable en JQUERY

osea.. ¿quieres utilizar autocomplete de jquery ui sin que salga para escribir texto y sin que autocomplete?, solo que sea combox normal con una imagen arriba en vez de una opción..
  #4 (permalink)  
Antiguo 08/05/2012, 01:56
Avatar de Lucieta86  
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 14 años
Puntos: 1
Respuesta: Boton con icono desplegable en JQUERY

Si, exacto! se puede hacer??

Gracias por la ayuda!
  #5 (permalink)  
Antiguo 09/05/2012, 07:40
Avatar de Lucieta86  
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 14 años
Puntos: 1
Respuesta: Boton con icono desplegable en JQUERY

Sigo sin saber como solucionarlo, lo habia dejado un poco apartado, pero retomo el tema.

Nadie sabe como se hace??? Por mas que busco, no encuentro nada parecido...

Saludos

Última edición por Lucieta86; 18/05/2012 a las 02:44
  #6 (permalink)  
Antiguo 18/05/2012, 02:45
Avatar de Lucieta86  
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 14 años
Puntos: 1
Respuesta: Boton con icono desplegable en JQUERY

Sigo necesitando ayuda...

Es un tema dificil, no existe mucha información, o yo almenos no la he encontrado y he buscado mucho.
  #7 (permalink)  
Antiguo 18/05/2012, 02:48
Avatar de MarioAraque
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Valencia
Mensajes: 1.398
Antigüedad: 15 años, 2 meses
Puntos: 265
Respuesta: Boton con icono desplegable en JQUERY

Usa un plugin de jquery para poder manipular los combobox, este puede servirte:
http://www.givainc.com/labs/mcdropdo...ery_plugin.htm

Saludos.
  #8 (permalink)  
Antiguo 18/05/2012, 02:51
Avatar de Lucieta86  
Fecha de Ingreso: noviembre-2010
Mensajes: 45
Antigüedad: 14 años
Puntos: 1
Respuesta: Boton con icono desplegable en JQUERY

Ostras, puede ser una buana solución! voy a investigar, y ya te cuento!

Gracias! :)

EDITADO:
Despues de estar toda la mañana dandole vueltas, no me ha convencido. He descargado las librerias, y creado un nuevo script para el ejemplo... y se podria haber acoplado a lo que necesito, pero al final no consegui cuadrarlo con lo que ya tengo echo, y entra en conflico el css de ambos...

Alguna solución mas??

El código que tengo, mas o menos hace lo que yo quiero, lo que necesito es que salga el botón de la flechita mas grande, y no se como hacerlo ya que utiliza una libreria de jquery...

Saludos y gracias

Última edición por Lucieta86; 18/05/2012 a las 05:03

Etiquetas: desplegable, html, icono, botones
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 13:53.