Echen un vistazo a este script (muy útil creo yo)

Love_Uca · #1 (**permalink**) 16/06/2002, 11:54

Hola amigos, hace unos dias ví que un compañero preguntaba como conseguir hacer una selección progresiva en un combo:

Cita:

Lo que quiero hacer es un combo de busqueda incremental,es decir, cada vez que pulso una tecla el combo ha de buscar la primera palabra que empiece con esa tecla y situarse en ese valor,si la encuentra al volver a pulsar una tecla debe buscar la palabra que empiece por las 2 teclas pulsadas i mostrarla y asi sucesivamente, hasta que se encuentra el dato buscado i no se encuentra la cadena de busqueda.

Me pareció muy intersante así q me puse a currar y lo saqué. Pienso que le puede servir a mucha gente, así que os lo pondré aquí.
Si teneis dudas o sugerencias para mejorar el script soy todo ojos

.
Mi mayor problema fue el paso de codigo unicode a codigo real, ya q no corresponde bien con el teclado :(
Bueno, aquí va:

Código:

 
&lt;html&gt;
&lt;head&gt;
&lt;script language=&quot;javascript&quot;&gt;
&lt;!--
//Aspectos importantes para la utilización de este script:
//	- Sólo sirve para combos cuyos textos de opción contengan caracteres de la a-z o A-Z
//	  y para números.
//	- Su uso es fácil, simplemente pon las funciones entre &lt;head&gt; y &lt;/head&gt; y pon la funcion
//	  selecciona(combo,tiempo) dentro del evento onKeydown
//	- El parámetro tiempo determina cuanto tiempo puede pasar entre pulsación y pulsación
//	  antes de que deje de haber seleccion progresiva

							//$$$SELECCIÓN PROGRESIVA$$$//
//////////////////////////////////////////////////////////////////////////////////////
//						FUNCIONES DESARROLLADAS POR LOVE_UCA (VAL)					//
//	Si utilizan las funciones en sus páginas, por favor mantengan este comentario	//
//////////////////////////////////////////////////////////////////////////////////////
var cadena = new String; //Variable global que guarda la cadena que vamos formando
var reloj; //Id del setTimeout

//Sigue

<hr>Todo sobre DHTML y javascript en <A HREF="http://www.iespana.es/topscripts">TopScripts</A><cite>Si el orgulloso se diese cuenta de lo ridículo que queda ante los que le conocen, por orgullo sería más humilde</cite>
Val Muñoz de Bustillo<hr>

Love_Uca · #2 (**permalink**) 16/06/2002, 11:58

Código:

/////////////////////////////////////////////////////////////////////////////////////////////////////
//Funcion que pasa una cadena a minúsculas, (no va a haber diferencia entre mayúsculas y minúsculas//
function minusculas(str){
	str =str.toLowerCase(); //Paso a minuscula
	return (str);
}

////////////////////////////////////////////////////////////////////////////////////////////////
//Funcion que comprueba si el valor que le estamos pasando y el valor de la opcion son iguales//
//Como parámetro le pasamos el texto de la opción que obtenemos en la funcion selecciona	  //
function coincide(opt){
	var lon = cadena.length;
	var correcto = false;
	//Paso ambas cadenas a minusculas
	cadena = minusculas(cadena);
	opt = minusculas(opt);
	for (j=0;j&lt;lon;j++){
		if (cadena.charAt(j) == opt.charAt(j)){
			correcto = true;
		}
		else{
			correcto = false;
		}
		if (correcto == false){
			break;
			alert('No coincide');
		}
	}//endfor

	//Si al terminar el for correcto es true, la funcion devuelve true, sino devuelve false//
	if (correcto == true){
		return (true);
	}
	else{
		return (false);
	}
}

//////////////////////////////////////////////////////////////////////////////
//Se ejecuta cada vez que pulso una tecla con el combo seleccionado			//
//La funcion selecciona recibe dos argumentos, lista (id del combo) y tiempo//
//(tiempo que pasa hasta que cadena se pone en blanco) En segundos			//
function selecciona(lista,tiempo){
	clearTimeout(reloj);
	reloj = setTimeout('cadena=&quot;&quot;;',tiempo*1000);
	var ValorOpcion;  //Variable global que guarda el valor del value del combo
	var opcion; //Variable que guarda el texto de la opción
	var NumOpciones = lista.options.length; //Numero de opciones que tiene el combo
	var TeclaUnicode = event.keyCode; //Código Unicode de la tecla pulsada

//sigue

<hr>Todo sobre DHTML y javascript en <A HREF="http://www.iespana.es/topscripts">TopScripts</A><cite>Si el orgulloso se diese cuenta de lo ridículo que queda ante los que le conocen, por orgullo sería más humilde</cite>
Val Muñoz de Bustillo<hr>

Love_Uca · #3 (**permalink**) 16/06/2002, 12:01

Código:

  var TeclaReal = String.fromCharCode(TeclaUnicode); //Valor real de la tecla
	cadena = cadena + TeclaReal; //Le añado a la cadena la tecla pulsada
	for (i=0;i&lt;NumOpciones;i++){
		opcion = lista.options(i).innerHTML;//Texto de la opcion
		ValorOpcion = lista.options(i).value;//value de la opcion
		if (coincide(opcion) == true){
			lista.value = ValorOpcion;
			break;
		}
	}
	return (false); //Devuelve false para omitir el funcionamiento normal del combo,
					//es decir, dejará de seleccionar la opción que empieze por la letra
					//pulsada. Esto se hace para q el script controle el mecanismo
}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;SELECT NAME=&quot;combo&quot; onKeydown=&quot;return(selecciona(this,1))&quot;&gt;
&lt;OPTION value=&quot;1&quot;&gt;Pedro&lt;/option&gt;
&lt;OPTION value=&quot;2&quot;&gt;Pilar&lt;/option&gt;
&lt;OPTION value=&quot;3&quot;&gt;Ana&lt;/option&gt;
&lt;OPTION value=&quot;4&quot;&gt;Bebeto&lt;/option&gt;
&lt;OPTION value=&quot;5&quot;&gt;Anabel&lt;/option&gt;
&lt;OPTION value=&quot;6&quot;&gt;Fran&lt;/option&gt;
&lt;OPTION value=&quot;7&quot;&gt;Pedra&lt;/option&gt;
&lt;OPTION value=&quot;8&quot;&gt;Narciso&lt;/option&gt;
&lt;/SELECT&gt;
&lt;/body&gt;
&lt;/html&gt;

Bueno, espero comentarios, correcciones y too lo q se os ocurra.
Saludos

<hr>Todo sobre DHTML y javascript en <A HREF="http://www.iespana.es/topscripts">TopScripts</A><cite>Si el orgulloso se diese cuenta de lo ridículo que queda ante los que le conocen, por orgullo sería más humilde</cite>
Val Muñoz de Bustillo<hr>

nemesiSS^ · #4 (**permalink**) 16/06/2002, 20:18

eres el puto amo val_ERIANO

sigue asi chavalote.
es cojonudo.
chao.

bujaldri,balandron XDDD

epa2 · #5 (**permalink**) 27/06/2002, 06:44

Bueno, si, es bueno, pero no se me ocurre para lo que podría usarlo???

<html>
<body>
Aprendiz
de todo y maestro de nada[/CODE]
</body>
</html>

tunait · #6 (**permalink**) 27/06/2002, 08:50

Ufa que gueno no lo había visto!!

Mis felicitaciones, Love_Uca... por cierto andetemetes que hace tiempo que no te leo??

Un saludo :)

tesa · #7 (**permalink**) 27/06/2002, 09:38

Genial Love_Uca, es justo lo que estaba buscando.

Te lo has currado

Saludos

Love_Uca · #8 (**permalink**) 27/06/2002, 11:18

Hola a todos!!! :)
Si, Tunait, es cierto, hace unos dias q no digo mucho... comparado con antes

. Es para daros un descanso jeje y no os aburrais de mi.
Epa2, pos mu fácil este script sirve para listas muy largas con una gran cantidad de opciones. Gracias a la selección progresiva tan solo tienes que escribir la entrada q quieres seleccionar. Me he explicao???
Bueno, amigos, celebro q les guste, espero hacerme notar mas por aquí... lo cierto es q ahora toy estudiando flash y me tiene bastante absorvido, pero no os olvido.
Ciao a todos
Un saludo especial para la master (Tunait)

<hr>Todo sobre DHTML y javascript en <A HREF="http://www.iespana.es/topscripts">TopScripts</A><cite>Si el orgulloso se diese cuenta de lo ridículo que queda ante los que le conocen, por orgullo sería más humilde</cite>
Val Muñoz de Bustillo<hr>

unKnown · #9 (**permalink**) 27/06/2002, 19:03

deberian de usarlo en esas listas de los paises