dynamic form needs to be static

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Nancy

    dynamic form needs to be static

    Hi,
    I am working on a project where I have to make a form list static,
    i.e. put in links so that users can choose a local file. As it stands,
    it's looking for a php file. Here's an example of the body code:

    <select name="standardc ode" size="10"
    onchange="docum ent.reqForm.sub mit()" tabindex="4">
    <option value="0" SELECTED>-- Select a
    Standard--</option>
    <option value= >Alabama</option>

    And here's the code in the head:

    function doSubmit( fm, bn ) {
    document[fm].button.value = bn;
    document[fm].submit();
    }

    How do I rewrite this form code so that a user can scroll down the
    menu, select a state, and have it link to another page on the site?

    Any help is MUCH appreciated!!
  • kaeli

    #2
    Re: dynamic form needs to be static

    In article <b6f2151e.04050 51630.1331c752@ posting.google. com>, chez4
    @pacbell.net enlightened us with...[color=blue]
    >
    > <select name="standardc ode" size="10"
    > onchange="docum ent.reqForm.sub mit()" tabindex="4">
    > <option value="0" SELECTED>-- Select a
    > Standard--</option>
    > <option value= >Alabama</option>[/color]

    So, the form submits when a user selects a state.
    (note that the code you showed in the head does not fire here)
    [color=blue]
    >
    > How do I rewrite this form code so that a user can scroll down the
    > menu, select a state, and have it link to another page on the site?
    >[/color]

    Just change the action in the form tag to the proper page. Myself, I'd
    change it to a php page and have that page do the work depending on
    state. Since a form was submitted, the value of that select would be
    available.

    But, if you wanted that page to vary depending on the state and just
    want to use script, you'd need further adjustments.

    <select name="standardc ode" size="10"
    onchange="go(th is.options[selectedIndex].value)" tabindex="4">
    <option value="0" SELECTED>-- Select a State--</option>
    <option value='AL'>Alab ama</option>

    function go(val)
    {
    // val is the state like AL
    if (val == '0')
    {
    alert ("You must choose a state.");
    return;
    }

    if (val == 'AL') window.location =
    'http://www.server.com/somePage.php';
    else if (val == 'IL' ) window.location =
    'http://www.server.com/someotherPage.p hp' ;
    // etc
    }

    HTH
    --
    --
    ~kaeli~
    If you don't pay your exorcist, you get repossessed.



    Comment

    • Cycloneous Echevarria

      #3
      Re: dynamic form needs to be static

      Nancy, copy/paste the code below.

      Orlando, aka, Cycloneous

      <HTML>
      <HEAD>

      <TITLE>JavaScri pt</TITLE>
      <script language = "javascript " type="text/javascript">

      function doSubmit() {

      var i = document.regFor m.standardcode. selectedIndex;
      var url = document.regFor m.standardcode. options[i].value;

      // first option
      // comment to unactivate

      document.regFor m.action = url;
      document.regFor m.submit();

      // second option
      // uncomment to activate

      // location.href = url;

      }

      </script>
      </HEAD>

      <BODY>
      <form name = "regForm">
      <select name="standardc ode" size="10" onChange="doSub mit();" tabindex="4">
      <option value="0" SELECTED>-- Select a Standard--</option>
      <option value="http://www.reuters.com/">Reuters News</option>
      <option value="http://www.engr.uconn. edu/">UConn</option>
      <option value="http://home.netscape.c om/">Netscape</option>
      <option value="http://www.cnn.com/">CNN</option>
      </select>

      </BODY>
      </HTML>

      Comment

      • Nancy McMeekan

        #4
        Re: dynamic form needs to be static

        Hi Cycloneous Echevarria,

        Thanks for your help. I tried your suggestion, but I still can't get my
        page to work. (I don't know javascript!). Here is all the script in the
        head.
        I pasted your script in at the bottom.


        <SCRIPT language="JavaS cript" TYPE="text/javascript">
        <!--

        var NSWindows;
        var is = new Object();
        is.agent = navigator.userA gent.toLowerCas e();
        is.ie55 = (is.agent.index Of("msie 5.5") != -1);
        is.ie6 = (is.agent.index Of("msie 6") != -1);
        is.ns6x = (is.agent.index Of("netscape6" ) != -1);
        is.moz = (is.agent.index Of("gecko")!= -1);
        is.win = (is.agent.index Of("win") != -1);
        function NSWindowOpen(pa th, winName, dimensions, scrollbars,
        toolbar, properties, loc_left, loc_top) {
        if (NSWindows == null) {
        NSWindows = new Array();
        }
        var index = NSWindows.lengt h;
        for (var i = 0; i < NSWindows.lengt h; i ++) {
        if (NSWindows[i] == null) {
        index = i;
        break;
        }
        if (winName == null) {
        if (NSWindows[i].closed) {
        index = i;
        break;
        }
        } else {
        if (NSWindows[i].closed) {
        index = i;
        } else if (NSWindows[i].name == winName) {
        NSWindows[i].close();
        index = i;
        break;
        }
        }
        }
        if (winName == null) {
        winName = "nswin" + index;
        }
        if (dimensions == null) {
        dimensions = "width=780,heig ht=540";
        }
        if (properties == null) {
        properties = "resizable=yes" ;
        if ((scrollbars == null) || (scrollbars == true)) {
        properties += ",scrollbars=ye s";
        }
        if (toolbar == true) {
        properties += ",toolbar=y es";
        }
        } else {
        if (properties.ind exOf("resizable =") == -1) {
        properties += ",resizable=yes ";
        }
        if ((properties.in dexOf("scrollba rs=") == -1) &&
        ((scrollbars == null) || (scrollbars == true))) {
        properties += ",scrollbars=ye s";
        }
        if ((properties.in dexOf("toolbar= ") == -1) &&
        (toolbar == true)) {
        properties += ",toolbar=y es";
        }
        }
        if (loc_left && loc_top) {
        properties += ",top=" + loc_top + ",left=" + loc_left;
        } else if (loc_left) {
        var loc_x = Math.floor((scr een.availLeft || 0) + (loc_left / 100 *
        screen.availWid th));
        var loc_y = Math.floor((scr een.availTop || 0) + (loc_left / 100 *
        screen.availHei ght));
        properties += ",top=" + loc_y + ",left=" + loc_x;
        }
        var offsite = false;
        if( (path.indexOf(' http') != -1 && path.indexOf('n etschools') == -1)
        ||
        path.indexOf('o ffsite') != -1 ) {
        offsite = true;
        }
        properties += "," + dimensions;
        NSWindows[index] = window.open(pat h, winName, properties);
        return false;
        }
        function NSWindowOpenNoF alse(path, winName, dimensions, scrollbars,
        toolbar, properties, loc_left, loc_top) {
        NSWindowOpen(pa th, winName, dimensions, scrollbars, toolbar,
        properties, loc_left, loc_top);
        }


        function NS_openWindow(p age) {
        NSWindowOpen(pa ge, 'NSWindow', null, null, null,
        'menubar=yes');
        }

        function NS_swapImageSim ple( image, pos ) {
        document.images[pos].src = image;
        }

        function MM_openBrWindow (theURL,winName ,features) { //
        v2.0
        if (objWindow && !objWindow.clos ed){
        objWindow.close ();
        }
        objWindow = window.open(the URL,winName,fea tures);
        objWindow.focus ();
        }
        function NSbutton_preloa dImages() { //v3.0
        var d=document; if(d.images){ if(!d.NSbutton_ p)
        d.NSbutton_p=ne w Array();
        var
        i,j=d.NSbutton_ p.length,a=NSbu tton_preloadIma ges.arguments; for(i=0;
        i<a.length; i++)
        if (a[i].indexOf("#")!= 0){ d.NSbutton_p[j]=new Image;
        d.NSbutton_p[j++].src=a[i];}}
        }

        function doSubmit() {

            var i = document.regFor m.standardcode. selectedIndex;
            var url = document.regFor m.standardcode. options[i].value;
            
            document.regFor m.action = url;
            document.regFor m.submit();

            // second option
            // uncomment to activate
            
            // location.href = url;
            
        }

        //-->
        </SCRIPT>


        And here's what's in the body.

        <TD CLASS="form-item-label">&nbsp;</TD>
        <TD>&nbsp;</TD>
        <TD CLASS="form-item"><TABLE BORDER="0" CELLPADDING="0"
        CELLSPACING="0" >
        <TR>
        <TD CLASS="form-item"> Standard</TD>
        </TR>
        <TR>
        <TD>
        <form name = "regForm"><sele ct name="standardc ode" size="10"
        onChange="doSub mit();" tabindex="4">
            <option value="0" selected>-- Select a standard--</option>
        <option value="../Teacher/MySchool/Reports/SampleReports/AL/AL
        curr cov.htm">Alabam a</option>

        Can anyone see my problem here?
        When I select the state, the htm file will not load.
        thanks!


        *** Sent via Developersdex http://www.developersdex.com ***
        Don't just participate in USENET...get rewarded for it!

        Comment

        Working...