Perlscript doesn't read selected Pull-down Menu

cccc · 04-22-2004, 05:38 PM

hi

I have a simple HTML file with javascript:

Code:

<HTML>
<HEAD>
<TITLE>Filterlist Example</TITLE>
</HEAD>
<BODY>

<!-- Load the javascript code -->
<script TYPE="text/javascript" SRC="filterlist.js"></SCRIPT>
<H1></H1>
<FORM NAME="myform" ACTION="">

Filter:
<A HREF="javascript:myfilter.reset()" TITLE="Clear the filter">Clear</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^USA')" TITLE="Show items starting with USA">USA</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^AUS')" TITLE="Show items starting with AUS">AUS</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^CAN')" TITLE="Show items starting with CAN">CAN</A>&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT NAME=regexp onKeyUp="myfilter.set(this.value)">
<INPUT TYPE=button onClick="myfilter.set(this.form.regexp.value)" value="Filter">
<INPUT TYPE=button onClick="myfilter.reset();this.form.regexp.value=''" value="Clear">
<p>

<SELECT NAME="myselect" SIZE=1>
<OPTION></OPTION>
<OPTION>USA NEW YORK
<OPTION>USA LOS ANGELES
<OPTION>AUS SYDNEY
<OPTION>AUS BRISBANE
<OPTION>CAN TORONTO
<OPTION>CAN VANCOUVER

</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script TYPE="text/javascript">

<!--
var myfilter = new filterlist(document.myform.myselect);
//-->

</SCRIPT>
</p>
<P>
</FORM>
            <FORM action="/cgi-bin/show.pl" method="post">
            <input type="Submit" value="send">
</BODY>
</HTML>

I wrote a perl script to read and show on the browser the selected value from Pull-Down Menu,
but it doesn't read the value:

Code:

#!/usr/bin/perl

use CGI;
my $q = CGI->new();

foreach($q->param()){
   $FORM{$_} = $q->param($_);
}

print "content-type:text/html

<HTML>
   <HEAD>
   </HEAD>
   <BODY>
       $FORM{'myselect'};
   </BODY>
</HTML>;

I think the problem is on HTML file.
knows someone what's wrong ?

david_ross · 04-23-2004, 12:59 PM

You have 2 forms in your html and the submit button is in the second - there should only be one.

cccc · 04-23-2004, 02:26 PM

hi

and how to change the HTML, that JavaScript and Perl script are working independently of each other ?

kind regards
cccc

david_ross · 04-23-2004, 02:36 PM

Try:

Code:

<HTML>
<HEAD>
<TITLE>Filterlist Example</TITLE>
</HEAD>
<BODY>
<!-- Load the javascript code -->
<script TYPE="text/javascript" SRC="filterlist.js"></SCRIPT>

<FORM action="/cgi-bin/show.pl" method="post">

Filter:
<A HREF="javascript:myfilter.reset()" TITLE="Clear the filter">Clear</A>    
<A HREF="javascript:myfilter.set('^USA')" TITLE="Show items starting with USA">USA</A>    
<A HREF="javascript:myfilter.set('^AUS')" TITLE="Show items starting with AUS">AUS</A>    
<A HREF="javascript:myfilter.set('^CAN')" TITLE="Show items starting with CAN">CAN</A>    
<INPUT NAME=regexp onKeyUp="myfilter.set(this.value)">
<INPUT TYPE=button onClick="myfilter.set(this.form.regexp.value)" value="Filter">
<INPUT TYPE=button onClick="myfilter.reset();this.form.regexp.value=''" value="Clear">

<SELECT NAME="myselect" SIZE=1>
<OPTION></OPTION>
<OPTION>USA NEW YORK</OPTION>
<OPTION>USA LOS ANGELES</OPTION>
<OPTION>AUS SYDNEY</OPTION>
<OPTION>AUS BRISBANE</OPTION>
<OPTION>CAN TORONTO</OPTION>
<OPTION>CAN VANCOUVER</OPTION>
</SELECT>
<input type="Submit" value="send">                
<script TYPE="text/javascript">
<!--
var myfilter = new filterlist(document.myform.myselect);
//-->
</SCRIPT>
</FORM>
</BODY>
</HTML>

cccc · 04-23-2004, 03:51 PM

hi

Thanks, but If I try this HTML, then the JavaScript doesn't work anymore.

greetings
cccc

david_ross · 04-23-2004, 03:52 PM

The forum automatically changes "javascript" to "java script" - just remove the space.

cccc · 04-23-2004, 04:18 PM

perl works correctly now, but java script doesn't work

where exactly, should I remove the space ?

gizmo_thunder · 04-23-2004, 07:52 PM

cccc · 04-24-2004, 02:38 PM

hi

I have tried, but still doesn't work.

my HTML:

Code:

<HTML>
<HEAD>
<TITLE>Filterlist Example</TITLE>
<SCRIPT TYPE="text/javascript" SRC="filterlist.js"></SCRIPT>
</HEAD>
<BODY>
<!-- Load the javascript code -->
<FORM NAME="myform" ACTION="">
Filter:
<A HREF="javascript:myfilter.reset()" TITLE="Clear the filter">Clear</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^USA')" TITLE="Show items starting with USA">USA</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^AUS')" TITLE="Show items starting with AUS">AUS</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^CAN')" TITLE="Show items starting with CAN">CAN</A>&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT NAME=regexp onKeyUp="myfilter.set(this.value)">
<INPUT TYPE=button onClick="myfilter.set(this.form.regexp.value)" value="Filter">
<INPUT TYPE=button onClick="myfilter.reset();this.form.regexp.value=''" value="Clear"><p>

<SELECT NAME="myselect" SIZE=1>
<OPTION>
<OPTION>AUS SYDNEY
<OPTION>AUS BRISBANE
<OPTION>CAN TORONTO
<OPTION>CAN VANCOUVER
<OPTION>USA NEW YORK
<OPTION>USA LOS ANGELES

</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<SCRIPT TYPE="text/javascript">

<!--
var myfilter = new filterlist(document.myform.myselect);
//-->

</SCRIPT>
</p>
<P>
</FORM>
             <FORM action="/cgi-bin/show.pl" method="post">
             <input type="Submit" value="send">
</BODY>
</HTML>

gizmo_thunder · 04-25-2004, 12:37 AM

sorry dude

but i really could not figure out the problem..

may be if you gime the code of the filter.js ill' try to debug and
try it myself and tell you.

david_ross · 04-25-2004, 07:05 AM

What output do you get from the perl script? Is it just a blank page?

cccc · 04-25-2004, 09:22 AM

YES, it is...

cccc · 05-27-2004, 09:30 AM

hi

this one works well:

Code:

<HTML>
<HEAD>
<TITLE>Filterlist Example</TITLE>
<SCRIPT TYPE="text/javascript" SRC="filterlist.js"></SCRIPT>
</HEAD>
<BODY>
<!-- Load the javascript code -->

<FORM NAME="myform" action="/cgi-bin/show.pl" method="post">

Filter:
<A HREF="javascript:myfilter.reset()" TITLE="Clear the filter">Clear</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^USA')" TITLE="Show items starting with USA">USA</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^AUS')" TITLE="Show items starting with AUS">AUS</A>&nbsp;&nbsp;&nbsp;&nbsp;
<A HREF="javascript:myfilter.set('^CAN')" TITLE="Show items starting with CAN">CAN</A>&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT NAME=regexp onKeyUp="myfilter.set(this.value)" size="20">
<INPUT TYPE=button onClick="myfilter.set(this.form.regexp.value)" value="Filter">
<INPUT TYPE=button onClick="myfilter.reset();this.form.regexp.value=''" value="Clear"><BR><BR>

<SELECT NAME="myselect" SIZE=1>
<OPTION>
<OPTION>AUS SYDNEY
<OPTION>AUS BRISBANE
<OPTION>CAN TORONTO
<OPTION>CAN VANCOUVER
<OPTION>USA NEW YORK
<OPTION>USA LOS ANGELES
</SELECT><BR><BR>

<input type="Submit" value="send">

<SCRIPT TYPE="text/javascript">
<!--
var myfilter = new filterlist(document.myform.myselect);
//-->
</SCRIPT>
</BODY>
</HTML>