Combo Editable

[Holden]

Hola quería compartir un pequeño objeto que hice.
Su objetivo es dado el nombre de un combolo, transformarlo en un combo editable con una sola linea de código.

Código PHP:

  new HrvToolkit.Utilidades.ComboEditable('idDelCombo'); 
   

ejemplo del funcionamiento en:
http://www.hvaldez.com.ar/blogs/inde...=1&p=34&more=1

Si a alguien le es util bienvenido!
Criticas y sugerencias en la mismita página
Saludos,

[yaviz]

Ke weno, me vino genial..

Muchas gracias.

[Shade]

Buenisimo, hace tiempo necesitaba una cosa asi y lo deje de lado por no matarme con algo asi xD

Muchisimas gracias por compartirlo Holden!!

[Holden]

Es bueno saber que es util a la comunidad.... si me habran salvado en anteriores ocaciones je je je.

[zyon]

Excelente codigo! tambien alguna vez intente eso pero no di ni una, muy bueno!!!!

[makeitslow]

Definitivamente excelente... Muy practico... le da mas eficiencia a cualquier cosa que vayamos a hacer.... Gracias por compartirlo Holden!.... Muchisimas gracias a mi me viene como anillo al dedo para lo que estaba buscando...

[MaBoRaK]

loading...........


Genial!! pero haber... cuando creo una nueva opcion, cual es su VALUE? ya que quiero que el texto y value sean diferentes :S


connection closed.

[makeitslow]

Creo que el value es null, o sea que sirve solo para contenido de texto, o sea que sea lo que sea que habilitas al convertir con combolo en combo editable, toma el valor del texto.

[Holden]

El value es el mismo que el text.
Para saber si lo tienen que crear en su tabla maestra preguntan si el valor recibido = !((int) valor recibido)

cuando es nros queda igual... y como vienen letras simplemente hacen lo que tengan que hacer...

Espero sirva sino podriamos usar arlgun valor que diga que es otro y un hidden para recuperar el text.

No sé a mi así como esta me parece sencillo.
Escucho ideas :D

[Elisa85]

Hola, pues yo soy bastante novata... y no sé cómo se utiliza lo que has hecho??
Yo tengo un formulario,con varias comboboxes y tendría que aplicar lo que has hecho, y ademas, añadir ese valor nuevo a la bd.

Me podrías explicar que pasos seguir para poder utilizarlo??

[makeitslow]

Para empezar tienes que tener los archivos cboOtro.js y prototype.js que vienen en el comprimido en el mismo lugar donde esta tu pagina... y si quieres el mismo grafico Refresh.gif tambien.

Luego tienes que definir la funcion y llamar el archivo en la pagina donde se encuentras tus combos de esta manera al principio:

Código PHP:

  <script language="javascript" src="cboOtro.js"></script>
script language="javascript">
function Initialize()
{
    new HrvToolkit.Utilidades.ComboEditable('myCbo');
}
window.onload = function() { Initialize() };
</script> 
  

Y a tu select le tienes que poner el siguiente ID:

Código PHP:

  <select id="myCbo" name="NOMBREDELSELECT" size="1">
<option>Opcion 1</option>
<option>Opcion 2</option>
<option>Opcion 3</option>
.
.
</select> 
   

Y voila! Tienes un combo editable...

Si quieres ingresar los nuevos valores a la BD debe ser supongo por que muestras los valores de esa tabla en el SELECT no??? Entonces podrias hacer una consulta SQL que se ejecute haciendo click en dibujo del REFRESH y en lugar de REFRESH se ejecute la consulta.

Para eso tendrias que modificar la funcion del archivo cboOtro.js:

Código:

Refresh: function(cbo)
{
Aqui pones la declaracion y ejecucion 
de tu consulta SQL ingresando el valor a la BD.
},

[Holden]

Ya lo ha explicado mas que bien makeitslow,
Solo marco un detalle: el id del combo puede ser cualquier nombe... solo que hay que tener en cuenta que cuando haces

Código HTML:

new HrvToolkit.Utilidades.ComboEditable('XXX');

XXX tiene que ser el mismo id del combo que quieres hacer editable.

Esper

[Elisa85]

De momento obviando lo de coger los datos de la BD y volver a guardarlos... he intentado hacer lo que dice makeitslow y no he conseguido hacerlo. Creo que el fallo lo tengo en el combo, porque no pongo la opcion de "otros" que es donde deja añadir más opciones.
Igualmente, yo esto lo quiero utilizar con php, se puede hacer?

[makeitslow]

Que problema tienes con lo de coger los datos de la BD?

Por otro lado no necesitas agregar la opcion OTROS, ya que la libreria del cboOtro.js te lo agrega automaticamente cuando creas un SELECT utilizando el cbo pues te crea automaticamente esa opcion. Solo tienes que declararlo asi:

Código PHP:

   <select id="myCbo" name="NOMBRE DE TU SELECT" size="1">
.
.
Lista de valores de las opciones 
.
.
</select> 
   

Ahi se generara la opcion de OTROS que te vuelve tu menu SELECT en un TEXT INPUT
donde ya puedes escribir.

Cualquier duda pregunta.

[chernobyl]

Que tal Holden disculpa la molestia pero el link que pones no muestra el eljemplo, es decir, no encuntra dicho link.

Gracias.

[Holden]

estaba caido mi site, ya está todo solucionado.

[Axelaser]

buenaS, tras seguir lo pasos que habeis dado me da un error de javascript que dice lo siguiente: 'HrvToolkit' no está definido. Que puede ser?

[the_web_saint]

Excelente compañero, buen aporte!
Saludos!

[fsnoya]

Hola Holden,
He visto en la Web que tienes otra clase, tan genial como ésta, para crear combos dependientes.
¿Es posible utilizar estas dos clases simultáneamente? , es decir, combos dependientes editables?
Me sería muy necesario. Gracias.