script.aculo.us Autocompletar Opción de frecuencia

en

Opción de frecuencia de Autocompletar: la frecuencia

Sintaxis:

{ frequency: seconds }

Valores:

  • segundos: Este es un valor flotante. El valor predeterminado es 0,4.

Ejemplo 1: en este ejemplo, hemos configurado la opción de frecuencia en 3 s, por lo que tomará 3 s actualizar las recomendaciones.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <script type="text/javascript"
        src="javascript\prototype.js">
    </script>
 
    <script type="text/javascript" src=
"javascript/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">
 
        var names = [
            'Ab gfg',
            'Abc gfg',
            'Abcd gfg',
            'Abcde gfg',
            'Abcdef gfg',
            'Abcdefg gfg',
            'Abcdefgh gfg'
        ];
 
        new Autocompleter.Local(
            'GeeksforGeeks',
            'names',
            names,
            { frequency: 3 }
        );
    </script>
</body>
 
</html>

Producción:

Ejemplo 2: en este ejemplo, hemos establecido la opción de frecuencia en 0,1 s, por lo que tardará 0,1 s en actualizar las recomendaciones.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <script type="text/javascript"
        src="javascript\prototype.js">
    </script>
     
    <script type="text/javascript" src="
javascript/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">
 
        var names = [
            'Ab gfg',
            'Abc gfg',
            'Abcd gfg',
            'Abcde gfg',
            'Abcdef gfg',
            'Abcdefg gfg',
            'Abcdefgh gfg'
        ];
 
        new Autocompleter.Local(
            'GeeksforGeeks',
            'names',
            names,
            { frequency: .1 }
        );
    </script>
</body>
 
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *