www.webdeveloper.com
Results 1 to 2 of 2

Thread: Javascript & CGI Question

Hybrid View

  1. #1
    Join Date
    Sep 2012
    Posts
    1

    Javascript & CGI Question

    Hi everyone!

    I am writing because I have a question, and was hoping to get some advice from you guys. I have a html page with some javascript code (see attached) that I would like it to work with a smile perl script (see attached) that I wrote, but I'm not sure how exactly to do this.

    Basically, I have the html code that presents two pull down menus. If you select option "B", then you can select certain number values. I also have a simple perl script that just prints "Hello <input>" when it is run.

    What I would like to ask the experts out there is:
    1. what I need to add to my javascript code so that when the number #5 option is selected, it calls the perl script while executing it with the string "John".
    2. what do I need to change in my perl script so that after being executed, it would print a new web page that only said "Hello Luke"?

    Thanks everyone for your help!!

    Luke

    Perl Script:
    #!/usr/bin/perl -w
    #
    #


    $toprint = $ARGV[0];

    print "Hello $toprint\n";



    Javascript:

    HTML Code:
    <head>
    <script language="JavaScript" type="text/JavaScript">
    
    function nullOptionsDMA(aMenu){
    var tot=aMenu.options.length
    for (i=0;i<tot;i++)
    {
    aMenu.options[i]=null
    }
    aMenu.options.length=0;
    }
    
    function MySubjectDMA0(aMenu){
    nullOptionsDMA(aMenu)
    with (aMenu){
    //Rewrites the text and values
    options[0]=new Option("Select a page","none");
    options[1]=new Option("2","../HTMLGuide/anchors.htm");
    options[2]=new Option("3","../HTMLGuide/background_images.htm");
    options[0].selected=true
    }
    }
    
    function MySubjectDMA1(aMenu){
    nullOptionsDMA(aMenu)
    with (aMenu){
    //Rewrites the text and values
    options[0]=new Option("Select a page","none");
    options[1]=new Option("5","checkData.htm");
    options[2]=new Option("6","checkPrompts.htm");
    options[0].selected=true
    }
    }
    
    
    function goDMA(aMenu){
    if (aMenu.options.value!="none")
    {
    location=aMenu.options[aMenu.selectedIndex].value
    }
    }
    
    function setUpDMA(){
    with (document.formDoubleMenuDMA) {
    if (menuSubjectsDMA.selectedIndex==0){
    menuSubjectsDMA.options[0].selected=true
    menuFilesDMA.options[0].selected=true
    }
    
    if (menuSubjectsDMA.selectedIndex==1)
    MySubjectDMA0(menuFilesDMA)
    if (menuSubjectsDMA.selectedIndex==2)
    MySubjectDMA1(menuFilesDMA)
    }
    }
    
    
    function changeFilesDMA(){
    aMenu=document.formDoubleMenuDMA.menuSubjectsDMA
    aMenu2=document.formDoubleMenuDMA.menuFilesDMA
    with (aMenu){
    switch (selectedIndex) {
    case 0:
    aMenu2.options.length=0;
    aMenu2.options[0]=
    new Option("Sub-Headings Here","none")
    aMenu2.options[0].selected=true;
    history.go(0)
    break
    case 1:
    MySubjectDMA0(aMenu2)
    aMenu2.options[0].text="1"
    break
    case 2:
    MySubjectDMA1(aMenu2)
    aMenu2.options[0].text="4"
    break
    }
    }
    }
    
    </script>
    </head>
    <body onLoad="setUpDMA()">
    
    <form name="formDoubleMenuDMA" >
    <p><font size="2">Select a Letter and then a Number to go!</FONT>:<br>
    
    <select name="menuSubjectsDMA" onChange="changeFilesDMA()">
    <option value="none" >Select a letter
    <option value="">A
    <option value="">B
    </select>
    <select name="menuFilesDMA" onChange="goDMA(this)" style="width:300">
    <option value="none"> Numbers here
    
    </select>
    <p>
    </form>
    </body>

  2. #2
    Join Date
    Mar 2007
    Location
    Canada
    Posts
    99
    Is there a specific reason that you chose Perl ?
    ... because php would be easier.

    This video seems to be what you need
    http://www.youtube.com/watch?v=ClRZzquik1c

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles