SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html> | |
| 2 | ||
| 3 | <html> | |
| 4 | ||
| 5 | <head> | |
| 6 | ||
| 7 | <script language="JavaScript"> | |
| 8 | ||
| 9 | function show(shown, hidden) {
| |
| 10 | document.getElementById(shown).style.display='block'; | |
| 11 | document.getElementById(hidden).style.display='none'; | |
| 12 | return false; | |
| 13 | } | |
| 14 | ||
| 15 | function AddtoCart() {
| |
| 16 | console.log( 'hi'); | |
| 17 | var x=document.getElementById('Items');
| |
| 18 | var new_row = x.rows[1].cloneNode(true); | |
| 19 | var len = x.rows.length; | |
| 20 | new_row.cells[0].innerHTML = len; | |
| 21 | ||
| 22 | var inp1 = new_row.cells[1].getElementsByTagName('input')[0];
| |
| 23 | inp1.id += len; | |
| 24 | inp1.value = ''; | |
| 25 | var inp2 = new_row.cells[2].getElementsByTagName('input')[0];
| |
| 26 | inp2.id += len; | |
| 27 | inp2.value = ''; | |
| 28 | x.appendChild( new_row ); | |
| 29 | } | |
| 30 | ||
| 31 | </script> | |
| 32 | ||
| 33 | </head> | |
| 34 | ||
| 35 | <body> | |
| 36 | ||
| 37 | <div id="Main"> | |
| 38 | ||
| 39 | <h1 align="center"> Welcome to our Online Shopping Site </h1> <hr> | |
| 40 | ||
| 41 | <p align="center"> View Cart <a href="#" onclick="return show('Cart','Main');"> <img src="cart.jpg" height=50px width=45px> </img> </a> </p>
| |
| 42 | ||
| 43 | <table id="Items" align="center" border="1" bgcolor="lightgreen"> | |
| 44 | ||
| 45 | <tr> | |
| 46 | <td>Apple®</td> | |
| 47 | <td>iPad® with Wi-Fi + 3G 16GB</td> | |
| 48 | <td>$429.99</td> | |
| 49 | <td> <input type="image" src="cart.jpg" name="Cart" height="50px" width="45px" onclick="AddtoCart()"> </td> | |
| 50 | </tr> | |
| 51 | ||
| 52 | <tr> | |
| 53 | <td>Apple®</td> | |
| 54 | - | <td>iPad® mini Wi-Fi - 16GB - White & Silver</td> |
| 54 | + | <td>iPad® mini Wi-Fi - 16GB - White and Silver</td> |
| 55 | <td>$329.99</td> | |
| 56 | <td> <input type="image" src="cart.jpg" name="Cart" height="50px" width="45px" onclick="AddtoCart()"> </td> | |
| 57 | </tr> | |
| 58 | ||
| 59 | <tr> | |
| 60 | <td>HTC®</td> | |
| 61 | <td>HTC First® - Black;</td> | |
| 62 | <td>$99.99</td> | |
| 63 | <td> <input type="image" src="cart.jpg" name="Cart" height="50px" width="45px" onclick="AddtoCart()"> </td> | |
| 64 | </tr> | |
| 65 | ||
| 66 | </table> | |
| 67 | ||
| 68 | </div> | |
| 69 | ||
| 70 | <div id="Cart" style="display:none"> | |
| 71 | ||
| 72 | <h1 align="center">Online Shopping Cart</h1> | |
| 73 | ||
| 74 | <table id="tablecart" align="center" border="1" bgcolor="lightgreen"> | |
| 75 | ||
| 76 | <tr> | |
| 77 | <td>Total</td> | |
| 78 | <td id="Total"></td> | |
| 79 | </tr> | |
| 80 | </table> | |
| 81 | ||
| 82 | <p align="center"> <a href="#" onclick="return show('Main','Cart');">Return</a> </p>
| |
| 83 | ||
| 84 | </div> | |
| 85 | ||
| 86 | ||
| 87 | </body> | |
| 88 | ||
| 89 | </html> |
