2015-03-03 58 views
-3

我可以在這裏添加「加入購物車」和「結賬」按鈕嗎?在html中加入購物車&結賬

我想我需要重新編寫所有這些才能創建這個按鈕,因爲我認爲它需要更多的PHP內容。任何提示或答案?

var Cost; 
 

 
function tally() { 
 
    Cost = 0; 
 
    if (document.orderform.item1.checked) { 
 
     val = document.getElementById("Item1").value; 
 
     Cost = Cost + (val * 1765.00); 
 
    } 
 
    if (document.orderform.item2.checked) { 
 
     val = document.getElementById("Item2").value; 
 
     Cost = Cost + (val * 1765.00); 
 
    } 
 
    if (document.orderform.item3.checked) { 
 
     val = document.getElementById("Item3").value; 
 
     Cost = Cost + (val * 9900.00); 
 
    } 
 
    if (document.orderform.item4.checked) { 
 
     val = document.getElementById("Item4").value; 
 
     Cost = Cost + (val * 5060.00); 
 
    } 
 
    if (document.orderform.item5.checked) { 
 
     val = document.getElementById("Item5").value; 
 
     Cost = Cost + (val * 6600.00); 
 

 
     Cost = peso(Cost); 
 

 
     document.orderform.Total.value = "P" + Cost; 
 
    } 
 

 
    function peso(amount) { 
 
     amount = parseInt(amount * 100); 
 
     amount = parseFloat(amount/100); 
 
     var x = Math.floor(amount); 
 

 
     if (amount == x && (amount - x) == 0) { 
 
     amount = amount + ".00"; 
 
     return amount; 
 
     } 
 

 
     if ((amount * 10) - (x * 10) == 0) { 
 
     amount = amount + "0"; 
 
     return amount; 
 
     } 
 

 
     if ((amount * 100) - (x * 100) == 0) { 
 
     amount = amount; 
 
     return amount; 
 
     } 
 
     return amount; 
 
    } 
 

 
    function CalculateTotal(orderform) { 
 
     Cost = 0; 
 

 
     if (document.orderform.item1.checked) { 
 
     val = document.getElementById("Item1").value; 
 
     Cost = Cost + (val * 1765.00); 
 
     } 
 
     if (document.orderform.item2.checked) { 
 
     val = document.getElementById("Item2").value; 
 
     Cost = Cost + (val * 1765.00); 
 
     } 
 
     if (document.orderform.item3.checked) { 
 
     val = document.getElementById("Item3").value; 
 
     Cost = Cost + (val * 9900.00); 
 
     } 
 
     if (document.orderform.item4.checked) { 
 
     val = document.getElementById("Item4").value; 
 
     Cost = Cost + (val * 5060.00); 
 
     } 
 
     if (document.orderform.item5.checked) { 
 
     val = document.getElementById("Item5").value; 
 
     Cost = Cost + (val * 6600.00); 
 
     } 
 
     Cost = peso(Cost); 
 

 
     document.orderform.Total.value = "P" + Cost; 
 
    }
<html> 
 

 
<head> 
 
    <title>Nike</title> 
 
</head> 
 

 
<body> 
 
    <table align=center width=1100 cellspacing=20> 
 
    <tr> 
 
     <td> 
 
     <center> 
 

 
      <body text="white"> 
 
      <img src="banner2.jpg"> 
 
     </center> 
 
     <center> 
 
      <div id="wrap"> 
 
      <ul class="navbar"> 
 
       <li> <a href="Main.html">Home</a> 
 
       </li> 
 
       <li> <a href="Products.html">Products</a> 
 
       <ul> 
 
        <li> <a href="adidas.html">Adidas</a> 
 
        </li> 
 
        <li> <a href="Nike.html">Nike</a> 
 
        </li> 
 
       </ul> 
 
       <li><a href="login.php">Log-in</a> 
 
        <ul> 
 
        <li><a href="register.php">Register</a> 
 
        </li> 
 
        </ul> 
 
        <li><a href="About Us.html">About Us</a> 
 
        </li> 
 
        <li><a href="Contact Us.html">Contact Us</a> 
 
        </li> 
 
      </div> 
 
      <br> 
 
      <br> 
 
      <center> 
 
      <frameset cols="25%,*,25%"> 
 
       <form method="post" name="orderform"> 
 
       <table border="1" width="100%"> 
 
        <tr> 
 
        <td></td> 
 
        <td><font color="white"><center>Name</font> 
 
        </td> 
 
        <td width=70><font color="white"><center>Price</font> 
 
        </td> 
 
        <td width="25%"><font color="white"><center>Picture</font> 
 
        </td> 
 
        <td><font color="white"><center>Description</font> 
 
        </td> 
 
        <td><font color="white"><center>Stocks</font> 
 
        </td> 
 
        <td><font color="white"><center>Quantity</font> 
 
        </td> 
 
        </tr> 
 
      </frameset> 
 

 
      <tr> 
 
       <td> 
 
       <input type="checkbox" name="item1" value="item1_chosen" onclick="tally()"> 
 
       </td> 
 
       <td><font color="white"><center>Kobe BHM<br>Men's T-shirt</font> 
 
       </td> 
 
       <td><font color="white"><center>P1,765.00</font> 
 
       </td> 
 
       <td> 
 
       <img src="nike\1.jpg" width=257 height=200> 
 
       </td> 
 
       <td><font color="white"> 
 
\t <ul> 
 
\t \t <li>Ribbed crew neck with interior taping</li> 
 
\t \t <li>Fabric: 100% cotton</li> 
 
\t \t <li>Machine Wash</li> 
 
\t </ul></font> 
 
       </td> 
 
       <td><font color="white"><center>5</font> 
 
       </td> 
 
       <td> 
 
       <center> 
 
        <select name="Item1" onChange="CalculateTotal(orderform)" id="Item1"> 
 
        <option value="1">1</option> 
 
        <option value="2">2</option> 
 
        <option value="3">3</option> 
 
        <option value="4">4</option> 
 
        <option value="5">5</option> 
 
        </select> 
 
       </td> 
 
      </tr> 
 

 
      <tr> 
 
       <td> 
 
       <input type="checkbox" name="item2" value="item2_chosen" onclick="tally()"> 
 
       </td> 
 
       <td><font color="white"><center>KD BHM<br>Men's T-shirt</font> 
 
       </td> 
 
       <td><font color="white"><center>P1,765.00</font> 
 
       </td> 
 
       <td> 
 
       <img src="nike\2.jpg" width=257 height=200> 
 
       </td> 
 
       <td><font color="white"> 
 
\t <ul> 
 
\t \t <li>Ribbed crew neck with interior taping</li> 
 
\t \t <li>Fabric: 100% cotton</li> 
 
\t \t <li>Machine Wash</li> 
 
\t </ul></font> 
 
       </td> 
 
       <td><font color="white"><center>5</font> 
 
       </td> 
 
       <td> 
 
       <center> 
 
        <select name="Item2" onChange="CalculateTotal(orderform)" id="Item2"> 
 
        <option value="1">1</option> 
 
        <option value="2">2</option> 
 
        <option value="3">3</option> 
 
        <option value="4">4</option> 
 
        <option value="5">5</option> 
 
        </select> 
 
       </td> 
 
      </tr> 
 

 
      <tr> 
 
       <td> 
 
       <input type="checkbox" name="item3" value="item3_chosen" onclick="tally()"> 
 
       </td> 
 
       <td><font color="white"><center>Flyknit Air Max</font> 
 
       </td> 
 
       <td><font color="white"><center>P9,900.00</font> 
 
       </td> 
 
       <td> 
 
       <img src="nike\3.jpg" width=257 height=230> 
 
       </td> 
 
       <td><font color="white"> 
 
\t <ul> 
 
\t \t <li>Full-length Max Air for maximum, flexible cushioning</li> 
 
\t \t <li>Ultralight Flyknit upper</li> 
 
\t \t <li>Flywire tech integrates with the laces for a dynamic, supportive fit</li> 
 
\t \t <li>Sculpted Cushion for plush cushioning, springy resilience and impact protection</li> 
 
\t \t <li>Flex grooves align with the Max Air unit for more natural range of motion</li> 
 
\t \t <li>Reflective elements enhance visibility in low light</li> 
 
\t \t <li>Weight: 12.8 ounces (Men's size 10)</li> 
 
\t </ul></td></font> 
 
       </td> 
 
       <td><font color="white"><center>5</font> 
 
       </td> 
 
       <td> 
 
       <center> 
 
        <select name="Item3" onChange="CalculateTotal(orderform)" id="Item3"> 
 
        <option value="1">1</option> 
 
        <option value="2">2</option> 
 
        <option value="3">3</option> 
 
        <option value="4">4</option> 
 
        <option value="5">5</option> 
 
        </select> 
 
       </td> 
 
      </tr> 
 

 
      <tr> 
 
       <td> 
 
       <input type="checkbox" name="item4" value="item4_chosen" onclick="tally()"> 
 
       </td> 
 
       <td><font color="white"><center>Nike Air Zoom Pegasus 31 Flash</font> 
 
       </td> 
 
       <td><font color="white"><center>P5,060.00</font> 
 
       </td> 
 
       <td> 
 
       <img src="nike\4.jpg" width=257 height=220> 
 
       </td> 
 
       <td><font color="white"> 
 
\t <ul> 
 
\t \t <li>Nike Zoom Air unit under the heel delivers low-profile, highly responsive cushioning</li> 
 
\t \t <li>Ultralight three-layer mesh upper repels water to help keep feet dry while providing superior support and ventilation</li> 
 
\t \t <li>Allover reflectivity enhances visibility in low light</li> 
 
\t \t <li>Waffle outsole with environmentally preferred rubber for durability and exceptional multi-surface traction</li> 
 
\t \t <li>Weight: 11 ounces (Men's size 10)</li> 
 
\t </ul> 
 
    </td></font> 
 
       <td><font color="white"><center>5</font> 
 
       </td> 
 
       <td> 
 
        <select name="Item4" onChange="CalculateTotal(orderform)" id="Item4"> 
 
        <option value="1">1</option> 
 
        <option value="2">2</option> 
 
        <option value="3">3</option> 
 
        <option value="4">4</option> 
 
        <option value="5">5</option> 
 
        </select> 
 
       </td> 
 
      </tr> 
 

 
      <tr> 
 
       <td> 
 
       <input type="checkbox" name="item5" value="item5_chosen" onclick="tally()"> 
 
       </td> 
 
       <td><font color="white"><center>KD7</font> 
 
       </td> 
 
       <td><font color="white"><center>P6,600.00</font> 
 
       </td> 
 
       <td> 
 
       <img src='nike\5.jpg' width=257 height=200> 
 
       </td> 
 
       <td><font color="white"> 
 
\t <ul> 
 
\t \t <li>Flywire design and midfoot strap provide lightweight lockdown</li> 
 
\t \t <li>Hybrid design blends flexibility and support to give you speed and strength on every step</li> 
 
\t \t <li>Visible Nike Zoon Unit delivers ultra-responsive cushioning</li> 
 
\t \t <li>Hyperposite construction helps support the rear foot</li> 
 
\t \t <li>Rubber outsole for durability and traction</li> 
 
\t </ul> 
 
    </td></font> 
 
       <td><font color="white"><center>5</font> 
 
       </td> 
 
       <td> 
 
        <select name="Item5" onChange="CalculateTotal(orderform)" id="Item5"> 
 
        <option value="1">1</option> 
 
        <option value="2">2</option> 
 
        <option value="3">3</option> 
 
        <option value="4">4</option> 
 
        <option value="5">5</option> 
 
        </select> 
 
       </td> 
 
      </tr> 
 
      </table> 
 
      <br> 
 
      <font size=5 font color="white">Total <input type="text" name="Total" value="P0" size="7"></font> 
 

 
      </form> 
 

 
</html>

+0

需要一些上下文嗎? – 2015-03-03 10:59:08

+0

背景大聲笑是什麼 – Lanceseses 2015-03-03 11:44:53

回答

0

你真的沒有解釋你的問題很好,所以我只能做的是回答你問的問題。

我可以在這裏添加「添加到購物車」和「簽出」按鈕嗎?

是的,您可以輕鬆地將html按鈕添加到結帳或添加到購物車的窗體。看看你的頁面,我無法確切地知道頁面應該是什麼,但是從猜測來看,這是一個通用列表,你可以選擇右邊的數量,並使用左邊的複選框來確定哪一個採取行動 - 無論是添加到購物車或檢查出現在與選定的項目。

只需爲所需按鈕添加html按鈕,然後添加一些ajax jquery調用來處理服務器上的調用(php)。

至於提示/建議: 如果您的產品是完全靜態的,那麼您並不需要重寫您的產品。但是,在計算價格時,實際上是在服務器上計算它,而不是信任從客戶端發送的數據。如果你的產品必然會發生變化,你應該從數據庫中讀取數據,然後根據該數據填充頁面...