slegy
asked on
Undefined Value in Mozilla
We have a small store on our website. When an item is selected values are set in a PayPal form and then submitted to PayPal. I thought I had it working in IE, Safari and Mozilla, but when retesting this afternoon, I find I'm getting an error in Mozilla. Here is an item description:
<div id="optionalText"></div>
<div id="itemMain">
<div id="itemName">White Lightning Flash Cap</div>
<div id="itemImage"><img src="../../../assets/image s/store/ha ts/lightCa p.jpg" alt="White Lightning Flash Cap" width="226" height="151" /></div>
<div id="itemDescription"><br />
Unstructured, low profile, six panel, soft mesh, back cap. <br />
<br />
Padded sweatband. <br />
<br />
Adjustable self-fabric closure with sliding silver buckle. <br />
<br />
Color: putty/black.</div>
<div id="itemAttributes">
<div id="attribute">
</div>
</div>
</div>
<div id="order">
<div id="itemOrder">
<div id="costShip">
<div id="price"> <strong>Price:</strong> $20.00 </div>
<div id="shipping"> <strong>Shipping</strong>: $3.00 </div>
</div>
<div id="order">
<div id="nbrItems">
<label><strong>Quantity:</ strong></s pan>
<select name="quantity1" id="quantity1">
<option value="1" selected="selected">1</opt ion>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</label>
</div>
<div id="addtoCart">
<input name="addCart1" type="submit" id="addCart1" onclick="MM_callJS('ppsubm it(\" lightHat\& quot;)')" value="Add to Cart" />
</div>
</div>
</div>
</div>
Here is the validation code:
<script type="text/javascript" language="JavaScript">
var amtsave;
var shipsave;
var qtysave;
function ppsubmit(product)
{
switch(product)
{
case "lightHat":
amtsave="20.00";
shipsave="3.00";
qtysave=quantity1.value;
document.paypalform.item_n ame.value= "White Lightning Flash Cap";
if (qtysave == "1")
{
document.paypalform.shippi ng.value=s hipsave;
document.paypalform.quanti ty.value=q tysave;
}
else
{
document.paypalform.shippi ng.value=s hipsave*qt ysave;
document.paypalform.quanti ty.value=q tysave;
}
document.paypalform.amount .value=amt save;
document.paypalform.submit ();
}
Mozilla is issuing an error saying "quantity1" is undefined. Any ideas how it wants a list/menu value defined?
<div id="optionalText"></div>
<div id="itemMain">
<div id="itemName">White Lightning Flash Cap</div>
<div id="itemImage"><img src="../../../assets/image
<div id="itemDescription"><br />
Unstructured, low profile, six panel, soft mesh, back cap. <br />
<br />
Padded sweatband. <br />
<br />
Adjustable self-fabric closure with sliding silver buckle. <br />
<br />
Color: putty/black.</div>
<div id="itemAttributes">
<div id="attribute">
</div>
</div>
</div>
<div id="order">
<div id="itemOrder">
<div id="costShip">
<div id="price"> <strong>Price:</strong> $20.00 </div>
<div id="shipping"> <strong>Shipping</strong>:
</div>
<div id="order">
<div id="nbrItems">
<label><strong>Quantity:</
<select name="quantity1" id="quantity1">
<option value="1" selected="selected">1</opt
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</label>
</div>
<div id="addtoCart">
<input name="addCart1" type="submit" id="addCart1" onclick="MM_callJS('ppsubm
</div>
</div>
</div>
</div>
Here is the validation code:
<script type="text/javascript" language="JavaScript">
var amtsave;
var shipsave;
var qtysave;
function ppsubmit(product)
{
switch(product)
{
case "lightHat":
amtsave="20.00";
shipsave="3.00";
qtysave=quantity1.value;
document.paypalform.item_n
if (qtysave == "1")
{
document.paypalform.shippi
document.paypalform.quanti
}
else
{
document.paypalform.shippi
document.paypalform.quanti
}
document.paypalform.amount
document.paypalform.submit
}
Mozilla is issuing an error saying "quantity1" is undefined. Any ideas how it wants a list/menu value defined?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
The semi-colon after .value should be removed, then it should work:
document.paypalform.item_name.value = document.getElementById('color1').value + " Lightning Polo Shirt";
ASKER
Everything is working great! Now we know why the store in the current site has never worked in Mozilla. Thank you so very much.
ASKER
I'm trying to concatenate color, item description and size:
document.paypalform.item_n
The "Lightning Polo Shirt" is being ignored. Any idea why?