Wednesday, September 25, 2024
Google search engine
HomeLanguagesJavascriptscript.aculo.us Autocompleter.Local ignoreCase Option

script.aculo.us Autocompleter.Local ignoreCase Option

The script.aculo.us library is a cross-browser library and the aim is to improve the user interface of a website. The Autocompleter can be used for providing auto-completion support for text fields in the webpage. The local Autocompleter is used when auto-completion options are given as an array to the Autocompleter method to display as the choices.

The Autocompleter.Local ignoreCase option is used to tell whether to ignore the case of the search text while autocompleting.

Syntax:

{ ignoreCase: boolean }

Values:

  • boolean: This is a boolean value that specifies whether the case is ignored in the search text. The default value is true.

Example 1: In this example, we have set the ignoreCase option to false, therefore the case of the text is not ignored while autocompleting.

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>neveropen</h1>
  
    <label for="neveropen">
        Input any name:
    </label>
      
    <br />
    <input id="neveropen" 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('neveropen',
            'names', names, {
  
            // Do not ignore the case 
            // while autocompleting
            ignoreCase: false
        });
    </script>
</body>
  
</html>


Output:

Example 2: In this example, we have to set the ignoreCase option to true, therefore the case of the text is ignored while autocompleting.

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>neveropen</h1>
  
    <label for="neveropen">
        Input any name:
    </label>
      
    <br />
    <input id="neveropen" 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('neveropen',
            'names', names, {
  
            // Ignore the case while
            // autocompleting
            ignoreCase: true
        });
    </script>
</body>
  
</html>


Output:

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!

RELATED ARTICLES

Most Popular

Recent Comments