radio buttoms to show price

loki951510 · July 18, 2013

i have taken over someones hosting and they want to have prices show to people before they order so im trying to figger out how to add that into their order page what they already have got can anyone help me plz

as i need diffent prices for the 3 size's and if its for Business or Resident

<html>
  <head>
    <style title="XinhaInternalCSS" type="text/css">.htmtableborders, .htmtableborders td, .htmtableborders th {border : 1px dashed lightgrey ! important;}
html, body { border: 0px; } 
body { background-color: #ffffff; } 
img, hr { cursor: default } 
</style> 
    <style title="XinhaInternalCSS" type="text/css">.htmtableborders, .htmtableborders td, .htmtableborders th {border : 1px dashed lightgrey ! important;}
html, body { border: 0px; } 
body { background-color: #ffffff; } 
img, hr { cursor: default } 
</style> 
    <style title="XinhaInternalCSS" type="text/css">.htmtableborders, .htmtableborders td, .htmtableborders th {border : 1px dashed lightgrey ! important;}
html, body { border: 0px; } 
body { background-color: #ffffff; } 
img, hr { cursor: default } 
</style> <script type="text/javascript">
function openWindow(url, wname, width, height) {
window.open(url, wname, "height=" + height + ",width=" + width + "location = 0, status = 1, resizable = 0, scrollbars=1, toolbar = 0");
return true;
}
</script> <!-- stylesheet loads to make everything styled --
<body>
<h2 id="pagetitle">Order a Skip</h2>
<hr />
<br />
<!-- div loads to make sure everything goes in right place --> 
    
  </head> 
  <body> 
    <div id="centerpanel"> <img id="headpic" size="32" src="img/feature/home_main.jpg" border="0" style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #7b97c6; border-right-color: #7b97c6; border-bottom-color: #7b97c6; border-left-color: #7b97c6; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " /> <hr /> <br /> 
      <form name="contactform" method="post" action="https://xxxxxxx.co.uk/content/send_form_order.php" target="popupWin" onsubmit="return openWindow('content/send_form_order.php', 'popupWin', 600, 500);"> <label for="size">Please Select which size of skip you will be requiring: </label> <br /> 
        <table border="0"> 
          <tbody> 
            <tr> 
              <th>Mini Skip</th> 
              <th>Midi Skip</th> 
              <th>Builders Skip</th> 
            </tr> 
            <tr> 
              <td><img src="http://www.xxxxxxx.co.uk/img/skiphire/miniskip.jpg" alt="miniskip" /></td> 
              <td><img src="http://www.xxxxxxx.co.uk/img/skiphire/midiskip.jpg" alt="midiskip" /></td> 
              <td><img src="http://www.xxxxxxx.co.uk/img/skiphire/businessskip.jpg" alt="businessskip" /></td> 
            </tr> 
            <tr> 
              <td>size 2  <br /><input type="radio" value="2" name="size" /></td> 
              <td>Size 4  <br /><input type="radio" value="4" name="size" /></td> 
              <td>Size 8 <br /><input type="radio" value="8" name="size" /></td> 
            </tr> 
          </tbody> 
        </table> 
        <table width="550px"> 
          <tbody> 
            <tr> 
              <td valign="top"> <b> Selecting Your Skip</b><br /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="delivery">Date for delivery: </label> </td> 
              <td valign="top"> <input type="text" name="delivery" maxlength="20" size="10" value="XX/XX/XX" /> <br />
please give at least 48 hours notice or call the office for more urgent requests.
 </td> 
            </tr> 
            <tr> 
              <td valign="top"> <b> Your Details</b><br /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="busres">Please Select which applies to your order?</label> </td> 
              <td valign="top">
Business<input type="radio" value="Business" name="busres" />
Resident<input type="radio" value="Resident" name="busres" /><br /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="title">Title:</label> </td> 
              <td valign="top"> <input type="text" name="title" maxlength="10" size="10" /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="first_name">First Name</label> </td> 
              <td valign="top"> <input type="text" name="first_name" maxlength="50" size="30" /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="last_name">Last Name</label> </td> 
              <td valign="top"> <input type="text" name="last_name" maxlength="80" size="30" /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="address">Address: </label> </td> 
              <td valign="top"> 
                <textarea name="address" maxlength="1000" cols="25" rows="2"></textarea> 
              </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="postcode">Postcode: </label> </td> 
              <td valign="top"> <input type="text" name="postcode" maxlength="30" size="30" /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="payment">Please select a payment method:</label> </td> 
              <td valign="top"> <select name="payment"> <option selected="selected">- Select -</option> <option value="Account">Account</option> <option value="Cheque">Cheque</option> <option value="Card">Card</option> <option value="Cash">Cash</option> </select></td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="ref">Order reference number(if applicable): </label> </td> 
              <td valign="top"> <input type="text" name="ref" maxlength="30" size="30" value="N/A" /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="instructions">Delivery instructions: </label> </td> 
              <td valign="top"> 
                <textarea name="instructions" maxlength="1000" cols="25" rows="2"></textarea> 
              </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="telephone">Home/Work Telephone:</label> </td> 
              <td valign="top"> <input type="text" name="telephone" maxlength="50" size="30" /> </td> 
            </tr> 
            <tr> </tr> 
            <tr> 
              <td valign="top"> <label for="mobile">Mobile Number:</label> </td> 
              <td valign="top"> <input type="text" name="mobile" maxlength="50" size="30" /> </td> 
            </tr> 
            <tr> 
              <td valign="top"> <label for="email">Email Address</label> </td> 
              <td valign="top"> <input type="text" name="email" maxlength="50" size="30" /> </td> 
            </tr> 
            <tr> 
              <td colspan="2" style="text-align: center; "> <input type="submit" value="Submit Order" /> </td> 
            </tr> 
          </tbody> 
        </table> 
      </form> 
    </div> 
  </body>
</html>

trq · July 18, 2013

Where exactly are you stuck?

There is no PHP in that mess of markup. Is your question even on topic?

learningcurve · July 18, 2013

You already have three radio buttons with the sizes - just add the price to the radio text (which you might want to clean up a little). Unless you need to have different prices for bus/res and if you actually need to do something with those prices - like calculations, etc. So...do you need PHP or is this an HTML coding issue?

Sign In

radio buttoms to show price

Recommended Posts

loki951510

Link to comment

Share on other sites

trq

Link to comment

Share on other sites

learningcurve

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information