/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Help Please

Copy linkTweet thisAlerts:
Mar 01.2006

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>

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@the_treeMar 01.2006 — Please, [url=http://www.webdeveloper.com/forum/showthread.php?t=68822]read this thread[/url] while I try to trawl through that code.

[i]edit[/i], 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.
Copy linkTweet thisAlerts:
@Randy_The_NewbeauthorMar 02.2006 — 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.
Copy linkTweet thisAlerts:
@Randy_The_NewbeauthorMar 02.2006 — Thank for the link to the thread. Should I repost my request?
Copy linkTweet thisAlerts:
@the_treeMar 02.2006 — No. Some javascript-type will find it soon enough.
×

Success!

Help @Randy_The_Newbe spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...