Forums Últimos mensajes - Powered by IBM
 
Tags Palabras claves

Combo autocompletable

17/11/2004 - 11:17 por afgomez | Informe spam
Ayuda Hacer una pregunta
Hola chicos!

Como puedo hacer para que un combo sea autocompletable???Me da igual
como:
- Que al tener el foco y tocar una serie de teclas se seleccione la
que mas se parece
- Que lo tenga que abrir y luego tocar las teclas
-...

Me han pedido que modifique una aplicacion web pero no soy capaz de
implementar esta mejora. Me han hablado de una funcionalidad de
javascript 'autocompletion' pero ni idea. No se ni siquiera si se
podra hacer

Graias a todos.
email Siga el debateRespuesta 2 respuestasRespuesta Tengo una respuesta

Preguntas similare

Mostrar todos los temas similares

Leer las respuestas

#1 TheWolF
17/11/2004 - 11:59 | Informe spam
Buenas Aitor,

A ver si encuentras aquí lo que estás buscando, está muy bien la web,
con bastantes ejemplos de javascript.

http://www.dynamicdrive.com/

Un saludo.

Aitor wrote:

Hola chicos!

Como puedo hacer para que un combo sea autocompletable???Me da igual
como:
- Que al tener el foco y tocar una serie de teclas se seleccione la
que mas se parece
- Que lo tenga que abrir y luego tocar las teclas
-...

Me han pedido que modifique una aplicacion web pero no soy capaz de
implementar esta mejora. Me han hablado de una funcionalidad de
javascript 'autocompletion' pero ni idea. No se ni siquiera si se
podra hacer

Graias a todos.
Respuesta Responder a este mensaje
#2 Carlos Bladinieres
17/11/2004 - 18:35 | Informe spam
Checa este codigo. Solo pegalo en un HTML y pruebalo.

Saludos,

Carlos

-

<!-- THREE STEPS TO INSTALL LIST CHOOSER:

1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Anand Raman () -->
<!-- Web Site: http://www.angelfire.com/ar/diduknow -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function SelObj(formname,selname,textname,str) {
this.formname = formname;
this.selname = selname;
this.textname = textname;
this.select_str = str || '';
this.selectArr = new Array();
this.initialize = initialize;
this.bldInitial = bldInitial;
this.bldUpdate = bldUpdate;
}

function initialize() {
if (this.select_str =='') {
for(var
i=0;i<document.forms[this.formname][this.selname].options.length;i++) {
this.selectArr[i] = document.forms[this.formname][this.selname].options[i];
this.select_str +document.forms[this.formname][this.selname].options[i].value+":"+
document.forms[this.formname][this.selname].options[i].text+",";
}
}
else {
var tempArr = this.select_str.split(',');
for(var i=0;i<tempArr.length;i++) {
var prop = tempArr[i].split(':');
this.selectArr[i] = new Option(prop[1],prop[0]);
}
}
return;
}
function bldInitial() {
this.initialize();
for(var i=0;i<this.selectArr.length;i++)
document.forms[this.formname][this.selname].options[i] = this.selectArr[i];
document.forms[this.formname][this.selname].options.length this.selectArr.length;
return;
}

function bldUpdate() {
var str document.forms[this.formname][this.textname].value.replace('^\\s*','');
if(str == '') {this.bldInitial();return;}
this.initialize();
var j = 0;
pattern1 = new RegExp("^"+str,"i");
for(var i=0;i<this.selectArr.length;i++)
if(pattern1.test(this.selectArr[i].text))
document.forms[this.formname][this.selname].options[j++] this.selectArr[i];
document.forms[this.formname][this.selname].options.length = j;
if(j==1){
document.forms[this.formname][this.selname].options[0].selected = true;
//document.forms[this.formname][this.textname].value document.forms[this.formname][this.selname].options[0].text;
}
}
function setUp() {
obj1 = new SelObj('menuform','itemlist','entry');
// menuform is the name of the form you use
// itemlist is the name of the select pulldown menu you use
// entry is the name of text box you use for typing in
obj1.bldInitial();
}
// End -->
</script>
</HEAD>

<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->

<BODY OnLoad="javascript:setUp()">

<!-- STEP THREE: Copy this code into the BODY of your HTML document -->

<center>
<form name="menuform" onSubmit="javascript:window.location document.menuform.itemlist.options[document.menuform.itemlist.selectedIndex]
.value;return false;">

<font face="arial, helvetica" size="-1">Please enter the first few letters
of the item you are looking for.</font>
<br><br>
<input type="text" name="entry" size="30"
onKeyUp="javascript:obj1.bldUpdate();">
<br>
<select name="itemlist" size=5>
<option value="page.html">ALL
<option value="page.html">ALL CATALOG
<option value="page.html">ALL CLUSTERS
<option value="page.html">ALL CLUSTERS HASH EXPRESSIONS
<option value="page.html">ALL COL COMMENTS
<option value="page.html">ALL COL PRIVS
<option value="page.html">ALL COL PRIVS MADE
<option value="page.html">ALL COL PRIVS SENT
<option value="page.html">ALL CONSTRAINTS
<option value="page.html">ALL CONS COLUMNS
<option value="page.html">ALL DB LINKS
<option value="page.html">ALL DEF AUDIT
<option value="page.html">ALL DEPENDENCIES
<option value="page.html">ALL ERRORS
<option value="page.html">ALL HISTOGRAMS
<option value="page.html">ALL INDEXES
<option value="page.html">ALL IND COLUMNS
<option value="page.html">ALL JOBS
<option value="page.html">ALL OBJECTS
<option value="page.html">ALL REFRESH
<option value="page.html">ALL REFRESH NOW
<option value="page.html">ALL USERS
<option value="page.html">ALL VIEWS
<option value="page.html">AUDIT ACTIONS
<option value="page.html">BOOKS
<option value="page.html">CLIENTS
<option value="page.html">CLOSED
<option value="page.html">COLUMN PRIVILEGES
<option value="page.html">DBA ANALYZE COST
<option value="page.html">DBA FROM CLIENTS
<option value="page.html">DBA FROM NEIGHBORS
<option value="page.html">DBA PROFILES
<option value="page.html">DBA REFRESH ALL
<option value="page.html">DBA REFRESH PAGE
<option value="page.html">DBA REPORT
<option value="page.html">DBA RGROUP
<option value="page.html">DBA ROLE
<option value="page.html">DBA ROLE SUMMARY
<option value="page.html">DBA ROLLBACK SEGS
</select>
</form>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

"Aitor" escribió en el mensaje
news:
Hola chicos!

Como puedo hacer para que un combo sea autocompletable???Me da igual
como:
- Que al tener el foco y tocar una serie de teclas se seleccione la
que mas se parece
- Que lo tenga que abrir y luego tocar las teclas
-...

Me han pedido que modifique una aplicacion web pero no soy capaz de
implementar esta mejora. Me han hablado de una funcionalidad de
javascript 'autocompletion' pero ni idea. No se ni siquiera si se
podra hacer

Graias a todos.
email Siga el debate Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaRespuesta Tengo una respuesta
Search Busqueda sugerida