2015-03-03 2 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

Нужен какой-нибудь контекстный чувак? –

+0

Что такое контекст lol – Lanceseses

ответ

0

Вы действительно не объяснить свою проблему, так что все, что я могу сделать, это ответить на вопрос, который вы просили.

Могу ли я добавить здесь кнопки «Добавить в корзину» и «Оформить заказ»?

Да, вы можете легко добавить html кнопки в форму для оформления заказа или дополнить в корзине. Если посмотреть на свою страницу, я не могу точно указать, что должна быть на этой странице, но только из угадывания, это общий список, и вы можете выбрать сумму справа и использовать флажки слева, чтобы определить, какие из них принять меры - либо добавить в корзину, либо проверить прямо сейчас с выбранными элементами.

Просто добавьте html для кнопок, где бы вы их ни хотели, а затем добавьте некоторые jQuery-вызовы ajax для обработки вызовов на сервере (php).

Что касается советов/советов: Если ваши продукты полностью статичны, вам не нужно переписывать то, что у вас есть. Однако при расчете цены фактически вычисляйте его на сервере, а не доверяйте данным, отправленным с клиента. Если ваши продукты обязательно будут изменены, вы должны действительно прочитать данные из базы данных и заполнить свою страницу на основе этого ...

Смежные вопросы