www.webdeveloper.com
+ Reply to Thread
Results 1 to 5 of 5
  1. 03-01-2006 03:51 PM #1
    Randy The Newbe
    Randy The Newbe is offline Registered User
    Join Date
    Oct 2005
    Location
    Evansville, IN
    Posts
    62

    resolved [RESOLVED] Help Please

    Can anyone tell me why I can not get these two forms to work on the same page? Values shorted due to size.

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Square Awning Cover</title>
    </head>

    <body>
    <form method="POST" action="#" id="form1">
    <p class="left" align="left"><font color="#FF7500" size="2">Square
    Awning Cover</font></p>
    <p class="left" align="left" style="margin-top: 0px"><font size="2">Fabric Class:</font><font size="1">
    <select size="1" name="select1">
    <option selected value="K">K</option>
    <option value="P">P</option>
    <option value="P+10">P+10</option>
    <option value="P+15">P+15</option>
    <option value="P+25">P+25</option>
    <option value="P+80">P+80</option></select></font></p>
    <p class="left" align="left" style="margin-top: 0px"><font size="2">Combined Drop &amp; Projection:
    </font><font size="1"><select size="1" name="select2">
    <option value="3-0" selected>3-0</option>
    <option value="4-0">4-0</option>
    <option value="5-0">5-0</option>
    <option value="6-0">6-0</option>
    <option value="7-0">7-0</option>
    <option value="8-0">8-0</option>
    <option value="9-0">9-0</option>
    <option value="10-0">10-0</option>
    <option value="11-0">11-0</option>
    <option value="12-0">12-0</option></select></font><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    Width:</font><font size="1"> <select size="1" name="select3">
    <option value="3-0" selected>3-0</option>
    <option value="4-0">4-0</option>
    <option value="5-0">5-0</option>
    <option value="6-0">6-0</option>
    <option value="7-0">7-0</option>
    <option value="8-0">8-0</option>
    <option value="9-0">9-0</option>
    <option value="10-0">10-0</option>
    <option value="11-0">11-0</option>
    <option value="12-0">12-0</option>
    <option value="13-0">13-0</option>
    <option value="14-0">14-0</option>
    <option value="15-0">15-0</option>
    <option value="16-0">16-0</option>
    <option value="17-0">17-0</option>
    <option value="18-0">18-0</option>
    <option value="19-0">19-0</option>
    <option value="20-0">20-0</option>
    <option value="21-0">21-0</option>
    <option value="22-0">22-0</option>
    <option value="23-0">23-0</option>
    <option value="24-0">24-0</option>
    <option value="25-0">25-0</option>
    <option value="26-0">26-0</option>
    <option value="27-0">27-0</option>
    <option value="28-0">28-0</option>
    <option value="29-0">29-0</option>
    <option value="30-0">30-0</option></select></font></p>
    <p class="left" align="left" style="margin-top: 0px">&nbsp;</p>
    <p class="left" align="center" style="margin-top: 0px"><font size="2">
    <button type="submit" style="width: 92px; height: 22px"><font size="1">Get Dealer Cost</font>
    </button></font>&nbsp;<input type="text" name="price" value="" readonly="readonly" size="5"></font><p class="left" align="center" style="margin-top: 0px">&nbsp;<script type="text/javascript">
    <!--
    function cost() {
    var price=[];
    price[0]=[
    [93, 106, 117, 127, 136, 144, 161, 173, 200, 239],
    [106, 117, 130, 139, 144, 161, 173, 200, 215, 263],
    [356, 399, 413, 491, 504, 525, 599, 628, 673, 702]
    ];
    price[1]=[
    [109, 118, 133, 142, 151, 161, 179, 196, 228, 269],
    [118, 133, 142, 151, 161, 179, 196, 228, 246, 297],
    [415, 449, 482, 516, 557, 597, 638, 674, 710, 744]
    ];
    price[2]=[
    [121, 131, 147, 157, 167, 179, 199, 219, 255, 390],
    [131, 147, 157, 167, 179, 199, 219, 253, 276, 428],
    [460, 497, 534, 572, 617, 661, 705, 745, 784, 1204]
    ];
    price[3]=[
    [127, 138, 154, 165, 175, 188, 208, 230, 268, 396],
    [138, 154, 165, 175, 188, 208, 230, 265, 291, 435],
    [482, 521, 559, 600, 647, 693, 739, 781, 822, 1226]
    ];
    price[4]=[
    [139, 151, 169, 180, 191, 206, 228, 253, 295, 408],
    [151, 169, 180, 191, 206, 228, 253, 290, 320, 448],
    [527, 570, 611, 655, 706, 757, 807, 852, 896, 1271]
    ];
    price[5]=[
    [203, 224, 247, 263, 280, 304, 336, 378, 443, 472],
    [224, 247, 263, 280, 304, 336, 378, 425, 484, 521],
    [774, 835, 895, 962, 1035, 1107, 1177, 1242, 1305, 1518]
    ];
    var f=document.getElementById('form1');
    f['price'].value='$'+price[f['select1'].selectedIndex][f['select3'].selectedIndex][f['select2'].selectedIndex];
    return false;}

    if(document.getElementById) {
    window.onload=function() {
    document.getElementById('form1').onsubmit=cost;
    document.getElementsByName('price')[0].type='text';
    document.getElementsByName('price')[0].onfocus=function() {this.blur();};
    };
    }
    //-->
    </script><img src="images/hr02.gif" alt="" width="417" height="10" border="0"><form method="POST" action="#" id="form2">
    <p class="left" align="left"><font color="#FF7500" size="2">Round
    Awning Cover</font></p>
    <p class="left" align="left" style="margin-top: 0px"><font size="2">Fabric Class:</font><font size="1">
    <select size="1" name="select1">
    <option selected value="K">K</option>
    <option value="P">P</option>
    <option value="P+10">P+10</option>
    <option value="P+15">P+15</option>
    <option value="P+25">P+25</option>
    <option value="P+80">P+80</option></select></font></p>
    <p class="left" align="left" style="margin-top: 0px"><font size="2">Combined Drop &amp; Projection:
    </font><font size="1"><select size="1" name="select2">
    <option value="3-0" selected>3-0</option>
    <option value="4-0">4-0</option>
    <option value="5-0">5-0</option>
    <option value="6-0">6-0</option>
    <option value="7-0">7-0</option>
    <option value="8-0">8-0</option>
    <option value="9-0">9-0</option>
    <option value="10-0">10-0</option>
    <option value="11-0">11-0</option>
    <option value="12-0">12-0</option></select></font><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    Width:</font><font size="1"> <select size="1" name="select3">
    <option value="3-0" selected>3-0</option>
    <option value="4-0">4-0</option>
    <option value="5-0">5-0</option>
    <option value="6-0">6-0</option>
    <option value="7-0">7-0</option>
    <option value="8-0">8-0</option>
    <option value="9-0">9-0</option>
    <option value="10-0">10-0</option>
    <option value="11-0">11-0</option>
    <option value="12-0">12-0</option>
    <option value="13-0">13-0</option>
    <option value="14-0">14-0</option>
    <option value="15-0">15-0</option>
    <option value="16-0">16-0</option>
    <option value="17-0">17-0</option>
    <option value="18-0">18-0</option>
    <option value="19-0">19-0</option>
    <option value="20-0">20-0</option>
    <option value="21-0">21-0</option>
    <option value="22-0">22-0</option>
    <option value="23-0">23-0</option>
    <option value="24-0">24-0</option>
    <option value="25-0">25-0</option>
    <option value="26-0">26-0</option>
    <option value="27-0">27-0</option>
    <option value="28-0">28-0</option>
    <option value="29-0">29-0</option>
    <option value="30-0">30-0</option></select></font></p>
    <p class="left" align="left" style="margin-top: 0px">&nbsp;</p>
    <p class="left" align="center" style="margin-top: 0px"><font size="2">
    <button type="submit" style="width: 92px; height: 22px"><font size="1">Get Dealer Cost</font>
    </button></font>&nbsp;<input type="text" name="price" value="" readonly="readonly" size="5"></font>
    <script type="text/javascript">
    <!--
    function cost() {
    var price=[];
    price[0]=[
    [93, 106, 117, 127, 136, 144, 161, 173, 200, 239],
    [106, 117, 130, 139, 144, 161, 173, 200, 215, 263],
    [117, 130, 141, 147, 161, 173, 207, 222, 246, 278],
    [356, 399, 413, 491, 504, 525, 599, 628, 673, 702]
    ];
    price[1]=[
    [109, 118, 133, 142, 151, 161, 179, 196, 228, 269],
    [118, 133, 142, 151, 161, 179, 196, 228, 246, 297],
    [415, 449, 482, 516, 557, 597, 638, 674, 710, 744]
    ];
    price[2]=[
    [121, 131, 147, 157, 167, 179, 199, 219, 255, 390],
    [131, 147, 157, 167, 179, 199, 219, 253, 276, 428],
    [460, 497, 534, 572, 617, 661, 705, 745, 784, 1204]
    ];
    price[3]=[
    [127, 138, 154, 165, 175, 188, 208, 230, 268, 396],
    [138, 154, 165, 175, 188, 208, 230, 265, 291, 435],
    [482, 521, 559, 600, 647, 693, 739, 781, 822, 1226]
    ];
    price[4]=[
    [139, 151, 169, 180, 191, 206, 228, 253, 295, 408],
    [151, 169, 180, 191, 206, 228, 253, 290, 320, 448],
    [527, 570, 611, 655, 706, 757, 807, 852, 896, 1271]
    ];
    price[5]=[
    [203, 224, 247, 263, 280, 304, 336, 378, 443, 472],
    [224, 247, 263, 280, 304, 336, 378, 425, 484, 521],
    [774, 835, 895, 962, 1035, 1107, 1177, 1242, 1305, 1518]
    ];
    var f=document.getElementById('form2');
    f['price'].value='$'+price[f['select1'].selectedIndex][f['select3'].selectedIndex][f['select2'].selectedIndex];
    return false;}

    if(document.getElementById) {
    window.onload=function() {
    document.getElementById('form2').onsubmit=cost;
    document.getElementsByName('price')[0].type='text';
    document.getElementsByName('price')[0].onfocus=function() {this.blur();};
    };
    }
    //-->
    </script>

    </body>

    </html>
    Reply With Quote Reply With Quote
  2. 03-01-2006 04:52 PM #2
    the tree's Avatar
    the tree
    the tree is offline Hotter than you
    Join Date
    Jun 2004
    Location
    England
    Posts
    2,972
    Please, read this thread while I try to trawl through that code.

    edit, not sure but I'm guessing it's got something to do with giving your select elements the same names, and maybe some other copy+paste related issues. Incedently, why have you doubled up the function? It looks about the same to me.
    Last edited by the tree; 03-01-2006 at 05:04 PM.
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.
    Reply With Quote Reply With Quote
  3. 03-01-2006 07:31 PM #3
    Randy The Newbe
    Randy The Newbe is offline Registered User
    Join Date
    Oct 2005
    Location
    Evansville, IN
    Posts
    62

    Help Please

    Thank you for looking at my code. The figures will be different for the two types but I just copied them to show what it was that I was trying to accomplish.
    Reply With Quote Reply With Quote
  4. 03-01-2006 07:39 PM #4
    Randy The Newbe
    Randy The Newbe is offline Registered User
    Join Date
    Oct 2005
    Location
    Evansville, IN
    Posts
    62
    Thank for the link to the thread. Should I repost my request?
    Reply With Quote Reply With Quote
  5. 03-02-2006 03:02 PM #5
    the tree's Avatar
    the tree
    the tree is offline Hotter than you
    Join Date
    Jun 2004
    Location
    England
    Posts
    2,972
    No. Some javascript-type will find it soon enough.
    Disclaimer. (1) Whilst I will help you sometimes, if I feel like it, and my advice in relation to your actual question will be of good quality: my posts are to be taken with a pinch of salt. I will be sarcastic, deploy irony and include obscure cultural references for my own amusement without warning.
    (2) You will gain nothing from complaining, and if you try to argue with me then you will not win. No matter how noble your battle seems, I am still better than you, don't be an hero.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

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

     

Bookmarks

Posting Permissions

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

Forum Rules

 HTML5 Development Center



Recent Articles