Home/ Questions/Q 6959365
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T15:15:45+00:00

I have this basic auto complete JavaScript that works well, but you need to

  • 0

I have this basic auto complete JavaScript that works well, but you need to hard code the web page. What I’m trying to do is send the “Autocomplete” variable data to the page using a Perl script

The working JavaScript code looks like this:

var CustomArray = new Array('an apple','alligator','elephant','pear','kingbird',
                          'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
                          'kingpin','SML');

Now the new code is:

var CustomArray=new Array(Autocomplete);

And the Perl script is sending back the data to the browser looking like this:

var Autocomplete = 'an apple','alligator','elephant','pear','kingbird',
'kingbolt','kingcraft','kingcup','kingdom','kingfish er','kingpin','SML'

I also tried

var Autocomplete = ['an apple','alligator','elephant','pear','kingbird',
                    'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
                    'kingpin','SML']

But I get: 'an apple','alligator','elephant','pear','kingbird','kingbolt','kingcraft','kingcup','kingdom','kingfish er','kingpin','SML' All as one string in the auto complete.

I cant seem to get it to work right. Full HTML code is below.

<html>
<head>
<script language="javascript" type="text/javascript" src="http://www.comicinvasion.com/Code/Java/Autocomplete/Autocomplete.js"></script>
<script language="javascript" type="text/javascript" src="http://www.comicinvasion.com/Code/Java/Autocomplete/Common.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="http://www.ComicInvasion.com/cgi-bin/Autocomplete.pl"></script>


<script>
var CustomArray=new Array(Autocomplete);
</script>

</head>

<body>

<input type='text' style='font-family:verdana;width:300px;font-size:12px' id='ACMP' value=''/>

<script>
var obj = actb(document.getElementById('ACOMP'),CustomArray);
</script>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First, it looks like there is a typo. The id of your input element is ACMP whereas you pass 'ACOMP' to getElementById.

    Second, you do not provide the source code for your Perl script. It might look like this:

    #!/usr/bin/perl

use utf8;
use strict; use warnings;
use CGI();

local $| = 1;

print CGI::header(
    -type => 'text/javascript',
    -charset => 'utf-8',
);

print <<JS;
var Autocomplete = [
    'an apple','alligator','elephant','pear','kingbird',
    'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
    'kingpin','SML'
];
JS

    With the following HTML, autocompletion works:

    <!DOCTYPE html>
<html>
<head>

<script type="text/javascript"
src="http://www.comicinvasion.com/Code/Java/Autocomplete/Autocomplete.js"></script>

<script type="text/javascript" src="http://www.comicinvasion.com/Code/Java/Autocomplete/Common.js"></script>

<!-- Replace with the URI of your script -->
<script type="text/javascript" src="http://test:8080/cgi-bin/autocomplete.pl"></script>

</head>

<body>

<input type='text'
style='font-family:verdana;width:300px;font-size:12px'
id='ACOMP' value=''>

<script type="text/javascript">
var obj = actb(document.getElementById('ACOMP'), Autocomplete);
</script>

</body>
</html>

    Finally, I find it curious that your JavaScript files live in a directory called Java.

    • 0