La biblioteca script.aculo.us es una biblioteca multinavegador y el objetivo es mejorar la interfaz de usuario de un sitio web. El Autocompletador se puede utilizar para proporcionar soporte de autocompletado para campos de texto en la página web.
La opción Autocompleter.Local ignoreCase se usa para indicar si se debe ignorar el caso del texto de búsqueda durante el autocompletado.
Sintaxis:
{ ignoreCase: boolean }
Valores:
- booleano: este es un valor booleano que especifica si el caso se ignora en el texto de búsqueda. El valor por defecto es verdadero.
Ejemplo 1: en este ejemplo, hemos establecido la opción ignoreCase en falso, por lo tanto, el caso del texto no se ignora durante el autocompletado.
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<label for="GeeksforGeeks">
Input any name:
</label>
<br />
<input id="GeeksforGeeks" autocomplete="off"
size="40" type="text" value="" />
<div class="autocomplete" id="names"
style="display:none">
</div>
<script type="text/javascript">
// Array to be used as choices
var names = [
'Ab',
'Abc',
'Abcd',
'Abcde',
'Abcdef',
'Abcdefg',
'Abcdefgh'
];
// Initialize the Autocompleter
new Autocompleter.Local('GeeksforGeeks',
'names', names, {
// Do not ignore the case
// while autocompleting
ignoreCase: false
});
</script>
</body>
</html>
Producción:
Ejemplo 2: en este ejemplo, tenemos que establecer la opción ignoreCase en verdadero, por lo tanto, el caso del texto se ignora durante el autocompletado.
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<label for="GeeksforGeeks">
Input any name:
</label>
<br />
<input id="GeeksforGeeks" autocomplete="off"
size="40" type="text" value="" />
<div class="autocomplete" id="names"
style="display:none">
</div>
<script type="text/javascript">
// Array to be used as choices
var names = [
'Ab',
'Abc',
'Abcd',
'Abcde',
'Abcdef',
'Abcdefg',
'Abcdefgh'
];
// Initialize the Autocompleter
new Autocompleter.Local('GeeksforGeeks',
'names', names, {
// Ignore the case while
// autocompleting
ignoreCase: true
});
</script>
</body>
</html>
Producción:
