Community Forums 

Main Content

Re:Sizing Price & Quantity drop-down menu?

    Feb 02 2014 00:46:20

    #1

    Mahogan

    Join date : 2013-12-06      Posts : 14

    You could customize this to make it happen:

    <script type="text/javascript">
    function validate_form_1( form )
    {
    if( ltrim(rtrim(form.elements['qty1'].value,' '),' ')=="" ) { alert("Please enter some text"); form.elements['qty1'].focus(); return false; }
    if( isNaN( parseInt( form.elements['qty1'].value ) ) ) { alert("Please enter a number"); form.elements['qty1'].focus(); return false; }
    return true;
    }
    </script>
    <style type="text/css">
    body{margin:0;padding:0;}
    .Body-C
    {
    font-family:"Verdana", sans-serif; font-size:16.0px; line-height:1.13em;
    }
    .Button1,.Button1:link,.Button1:visited{background-image:url('images/button.png');background-position:0px 0px;text-decoration:none;display:inline-block;background-color:transparent;border:none 0px;padding:0;}
    .Button1:focus{outline-style:none;}
    .Button1:hover{background-position:0px -36px;}
    .Button1 span,.Button1:link span,.Button1:visited span{color:#333333;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:20px;top:12px;width:100px;height:14px;font-size:11px;display:block;position:absolute;cursor:pointer;}
    .Button1:hover span{color:#ffffff;}
    </style>
    <link rel="stylesheet" href="scripts/styles.css" type="text/css"></head>

    <body text="#000000" style="background:#ffffff; height:1000px;">
    <div style="background-color:transparent;margin-left:auto;margin-right:auto;position:relative;width:960px;height:1000px;">
    <form id="form_1" onsubmit="return validate_form_1(this)" action="http://youMalsServer/cf/addmulti.cfm" method="post" target="malscart" style="margin:0;position:absolute;left:82px;top:29px;width:536px;height:64px;">
    <input type="hidden" name="currency" value="">
    <input type="hidden" name="product1[]" value="Widget">
    <input type="hidden" name="scode1" value="Widget">
    <input type="hidden" name="price1" value="10.00">
    <input type="hidden" name="return" value="www.yourdomain.com">;
    <input type="hidden" name="lg" value="0">
    <input type="hidden" name="userid" value="youMalsID">
    <div style="position:absolute;left:8px;top:34px;width:65px;height:18px;overflow:hidden;">
    <p class="Body-P"><span class="Body-C">Widget</span></p>
    </div>
    <div style="position:absolute;left:312px;top:34px;width:68px;height:18px;overflow:hidden;">
    <p class="Body-P"><span class="Body-C">$ 10.00</span></p>
    </div>
    <div style="position:absolute;left:8px;top:8px;width:52px;height:18px;overflow:hidden;">
    <p class="Body-P"><span class="Body-C">Item:</span></p>
    </div>
    <div style="position:absolute;left:312px;top:8px;width:52px;height:18px;overflow:hidden;">
    <p class="Body-P"><span class="Body-C">Price:</span></p>
    </div>
    <div style="position:absolute;left:81px;top:8px;width:131px;height:18px;overflow:hidden;">
    <p class="Body-P"><label for="combo_1"><span class="Body-C">Choose Widget</span></label></p>
    </div>
    <select id="combo_1" name="productpr1" size="1" style="position:absolute; left:81px; top:34px;">
    <option value="SmallWidget:10.00">SmallWidget</option>
    <option value="MediumWidget:15.00">MediumWidget</option>
    <option value="LargeWidget:20.00">LargeWidget</option>
    </select>
    <div style="position:absolute;left:220px;top:8px;width:84px;height:18px;overflow:hidden;">
    <p class="Body-P"><label for="edit_1"><span class="Body-C">Quantity:</span></label></p>
    </div>
    <input type="text" id="edit_1" name="qty1" value="1" style="position:absolute; left:220px; top:34px; width:50px;">
    <div style="position:absolute;left:388px;top:20px;width:140px;height:36px;"><button type="submit" id="btn_16" class="Button1" style="width:140px;height:36px;"><span>Add&nbsp;to&nbsp;Cart</span></button></div>
    </form>
    <script type="text/javascript" src="scripts/jsValidation.js"></script>