API tools faq
paste
Advertisement
akberhussain

productitem page

akberhussain
Mar 5th, 2013
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.48 KB | None | 0 0
raw download clone embed print report
  1. product item page where my drop down values are showing
  2. <?php
  3. session_start();
  4. include('config.php');
  5. include("cart/db.php");
  6. $id=$_REQUEST['id'];
  7.  
  8.  
  9.  
  10. include("cart/functions.php");
  11. if($_REQUEST['command']=='add' && $_REQUEST['id']>0){
  12. $id=$_REQUEST['id'];
  13. addtocart($id,1);
  14. header("location:shoppingcart.php");
  15. exit();
  16. }
  17.  
  18. ?>
  19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  22. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
  23. <title>EDGE.PK</title>
  24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  25. <script type="text/javascript" src="topslider/lib/jquery.jcarousel.min.js"></script>
  26. <link rel="stylesheet" type="text/css" href="topslider/css/skin.css" />
  27. <link rel="stylesheet" type="text/css" href="topslider/css/product-slider-skin.css" />
  28. <script type="text/javascript">
  29. $("#size").change(function(){
  30. var dropdown_val=$(this).val();
  31. $.post("shoppingcart.php", { size:dropdown_val},function(data){
  32. console.log(data);
  33. } );
  34. });
  35.  
  36.  
  37. </script>
  38. <link href="css/pagination4.css" rel="stylesheet" type="text/css" />
  39. <style>
  40.  
  41. .button1{
  42. background-color:#000;
  43. color:#FFF;
  44. width: 94px;
  45. height: 35px;
  46. padding: 9px 8px 10px 8px;
  47. margin-left: -2px;
  48. font-family:Arial,Helvetica,sans-serif;
  49. font-size:12px;
  50. font-weight:bold;
  51.  
  52. }
  53. </style>
  54. <script language="javascript">
  55. function addtocart(id){
  56. document.form1.id.value=id;
  57. document.form1.command.value='add';
  58. document.form1.submit();
  59. }
  60. </script>
  61. <!-- CSS =====================================================================================-->
  62. <link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css' />
  63. <link rel="stylesheet" type="text/css" href="products2/css/styles.css" media="all" />
  64. <link rel="stylesheet" type="text/css" href="products2/css/skin.css" media="all" />
  65. <link rel="stylesheet" type="text/css" href="products2/css/cloud-zoom.css" media="all" />
  66. <link rel="stylesheet" type="text/css" href="products2/css/light_box.css" media="all" />
  67. <link rel="stylesheet" type="text/css" href="products2/css/mix.css" media="all" />
  68. <link rel="stylesheet" type="text/css" href="products2/css/banner.css" media="all" />
  69. <link rel="stylesheet" type="text/css" href="products2/css/magicat.css" media="all" />
  70.  
  71. <!-- Scripts =====================================================================================-->
  72. <script type="text/javascript" src="products2/js/prototype.js"></script>
  73. <!--<script type="text/javascript" src="products2/js/jquery-1.6.1.min.js"></script>-->
  74. <script type="text/javascript" src="products2/js/common.js"></script>
  75. <script type="text/javascript" src="products2/js/menu.js"></script>
  76. <script type="text/javascript" src="products2/js/banner_pack.js"></script>
  77. <script type="text/javascript" src="products2/js/light_box.js"></script>
  78. <script type="text/javascript" src="products2/js/cloud-zoom.1.0.2.js"></script>
  79. <script type="text/javascript" src="products2/js/jquery.easing.1.3.js"></script>
  80. <script type="text/javascript" src="products2/js/jquery.mix.js"></script>
  81. <link rel="stylesheet" href="products/css/main-stylesheet.css" type="text/css" />
  82.  
  83. <link rel="stylesheet" type="text/css" href="tipuesearch/example.css">
  84. <link rel="stylesheet" type="text/css" href="tipuesearch/tipuesearch.css">
  85. <div id="fb-root"></div>
  86. <script>(function(d, s, id) {
  87. var js, fjs = d.getElementsByTagName(s)[0];
  88. if (d.getElementById(id)) return;
  89. js = d.createElement(s); js.id = id;
  90. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=261350910648005";
  91. fjs.parentNode.insertBefore(js, fjs);
  92. }(document, 'script', 'facebook-jssdk'));</script>
  93. <link href="css/style.css" rel="stylesheet" type="text/css" />
  94. <link href="css/nav-menus.css" rel="stylesheet" type="text/css" />
  95. <link href="css/jqtransform.css" rel="stylesheet" type="text/css" />
  96. <!--<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>-->
  97. <script type="text/javascript" src="js/stuHover.js"></script>
  98. <script type="text/javascript" src="js/jquery.flow.1.2.auto.js"></script>
  99. <script type="text/javascript">
  100. $(document).ready(function(){
  101. $("#myController").jFlow({
  102. slides: "#slides",
  103. controller: ".jFlowControl", // must be class, use . sign
  104. slideWrapper : "#jFlowSlide", // must be id, use # sign
  105. selectedWrapper: "jFlowSelected", // just pure text, no sign
  106. auto: true, //auto change slide, default true
  107. width: "575px",
  108. height: "530px",
  109. duration: 600,
  110. prev: ".jFlowPrev", // must be class, use . sign
  111. next: ".jFlowNext" // must be class, use . sign
  112. });
  113. });
  114. </script>
  115. <STYLE TYPE="text/css">
  116. <!--
  117. #dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
  118. //-->
  119. </STYLE>
  120. <style>
  121. body {overflow-x:hidden;}
  122. #tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}
  123. #tabMenu li {float:left;height:39px;;width:39px;cursor:pointer;cursor:hand;margin-top:16px;background-color: black;margin-left: -14px;}
  124. li.posts {background:url(images/home.png) no-repeat 0 -32px;}
  125. li.mouseover {background-position:0 0;}
  126. li.mouseout {background-position:0 -32px;}
  127. li.selected {background-position:0 0;}
  128. .box {width:545px}
  129. *html .boxTop {margin-bottom:-2px;}
  130. .boxBody {background-color:#282828;}
  131. .boxBody div {display:none;}
  132. .boxBody div.show {display:block;}
  133. .boxBody #category a {display:block;}
  134. *html .boxBody div ul {margin-left:10px;padding-left:15px;}
  135. .boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
  136. .boxBody div ul li.last {border-bottom:none}
  137. .boxBody div li span {font-size:8px;font-style:italic; color:#888;}
  138. </style>
  139. </head>
  140. <body>
  141. <form name="form1">
  142. <input type="hidden" name="id" />
  143. <input type="hidden" name="command" />
  144. </form>
  145. <div class="wrap" id="three_columns" style="height:250px !important">
  146. <?php include('top-header.php');?>
  147. <?php include('menu.php'); ?>
  148. <div style="width:50px;"><img src="images/signup.png" style="margin-left:1px; margin-top:-19px;" />
  149. <div style="margin-left: 460px; margin-top: -36px;"> <div class="box newsletter_box">
  150. <form action="01-Red-01-Home-Page.html">
  151. <input name="email" type="text" tabindex="1" onblur="if (this.value==''){this.value='E-mail Address'};" onfocus="if(this.value=='E-mail Address'){this.value=''};" value="E-mail Address" style="margin-top: 5px;" />
  152. <div align="right">
  153. <input name="subscribe" type="submit" value="Subscribe" class="button" />
  154. </div>
  155. </form>
  156. </div></div></div>
  157. <div class="content clearfix">
  158. <?php include('left_column.php'); ?>
  159.  
  160. <?php
  161.  
  162. $query1=mysql_query("SELECT * FROM products WHERE products.id='$id' ") or die ('Product Query Problem');
  163. $row1=mysql_fetch_array($query1);
  164. ?>
  165.  
  166. <div class="main_content">
  167. <div class="col-main">
  168. <div id="messages_product_view"></div>
  169. <div class="product-view">
  170. <div class="product-essential">
  171. <!--Start Product Information Right-->
  172. <div class="product-shop">
  173.  
  174. <!--Product Title-->
  175. <div class="product-name">
  176. <h1 align="left" style="font-family:Arial,Helvetica,sans-serif; "><?php echo $row1['product']; ?></h1>
  177. </div>
  178. <p class="availability in-stock"><span></span></p>
  179. <div class="price-box"> <span class="regular-price" id="product-price-167"> <span class="price" style="font-family:Arial,Helvetica,sans-serif; ">Rs.<?php echo $row1['price']; ?></span> </span> </div>
  180. <div class="pro-left">
  181. <div class="short-description">
  182. <h2 style="font-family:Arial,Helvetica,sans-serif; ">Quick Overview</h2>
  183. <div class="std" style="font-family:Arial,Helvetica,sans-serif; "><?php echo $row1['description']; ?></div>
  184. </div>
  185. <div class="review">
  186. <!--<p class="no-rating"><a href="">Be the first to review this product</a></p>-->
  187. <div class="size_guide" style="float: left;margin-left: -125px;"><a class="ajax" href="images/size.png"><span style="font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; ">Click here to watch Size Guide</span> </a></div>
  188. </div>
  189. </div>
  190. <div class="item-info">
  191. <form action="" id="size1" name="size1" method="post">
  192. <div class="details clearfix">
  193.  
  194. <p class="item">
  195. <label style="font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; ">Choose your size:</label>
  196. <select style="background-color:#CCC" name="size" id="size">
  197. <option>Select</option>
  198. <option value="Small">Small</option>
  199. <option value="Medium">Medium</option>
  200. <option value="Large">Large</option>
  201. <option value="XL">XL</option>
  202. </select>
  203. </p>
  204.  
  205. </div>
  206.  
  207. <div class="buy">
  208. <?php
  209.  
  210. $query3=mysql_query("select * from products WHERE id='$id' ");
  211. $row3=mysql_fetch_array($query3);
  212. ?>
  213. <input type="button" class="button1" value="Add To Cart" onclick="addtocart(<?php echo $row3['id']?>);" />
  214.  
  215.  
  216.  
  217.  
  218. </div>
  219. </form>
  220. </div>
  221. </div>
  222. <!--End Product Information Right-->
  223.  
  224. <!--Start Product Image Zoom Left-->
  225. <div class="product-img-box">
  226. <p class="product-image product-image-zoom"> <a href='admin/uploads/<?php echo $row1['image']; ?>' class = 'cloud-zoom' id='zoom1'
  227. rel="adjustX: 10, adjustY:-4"> <img style="max-height:400px; width:400px;" src="admin/uploads/<?php echo $row1['image']; ?>" alt='' title="Optional title display" /> </a> </p>
  228. <div class="more-views">
  229. <div class="jcarousel-skin-tango" style="margin-left:-15px !important;">
  230. <ul id="more_view">
  231. <li><a href='admin/uploads/small0_<?php echo $row1['image']; ?>' class='cloud-zoom-gallery' title='Thumbnail 1'
  232. rel="useZoom: 'zoom1', smallImage: 'admin/uploads/small0_<?php echo $row1['image']; ?>' "> <img style="max-height:92px; width:92px;" src="admin/uploads/small0_<?php echo $row1['image']; ?>" alt = "Thumbnail 1"/></a></li>
  233.  
  234. <li><a href='admin/uploads/small1_<?php echo $row1['addimage1']; ?>' class='cloud-zoom-gallery' title='Thumbnail 2'
  235. rel="useZoom: 'zoom1', smallImage: 'admin/uploads/small1_<?php echo $row1['addimage1']; ?>' "> <img style="max-height:92px; width:92px;" src="admin/uploads/small1_<?php echo $row1['addimage1']; ?>" alt = "Thumbnail 2"/></a></li>
  236.  
  237. <li><a href='admin/uploads/small2_<?php echo $row1['addimage2']; ?>' class='cloud-zoom-gallery' title='Thumbnail 3'
  238. rel="useZoom: 'zoom1', smallImage: 'admin/uploads/small2_<?php echo $row1['addimage2']; ?>' "> <img style="max-height:92px; width:92px;" src="admin/uploads/small2_<?php echo $row1['addimage2']; ?>" alt = "Thumbnail 3"/></a></li>
  239. </ul>
  240. </div>
  241. </div>
  242. <script type="text/javascript">
  243. jQuery(document).ready(function(){
  244. jQuery('#product_tabs_description').click(function(){
  245. jQuery('#product_tabs_description_contents').css('display','block');
  246. jQuery('#product_tabs_product').css('display','none');
  247. jQuery('#product_tabs_form_contents').css('display','none');
  248. });
  249. jQuery('#product_tabs_product_tag').click(function(){
  250. jQuery('#product_tabs_description_contents').css('display','none');
  251. jQuery('#product_tabs_product').css('display','block');
  252. jQuery('#product_tabs_form_contents').css('display','none');
  253. });
  254. jQuery('#product_tabs_form').click(function(){
  255. jQuery('#product_tabs_description_contents').css('display','none');
  256. jQuery('#product_tabs_product').css('display','none');
  257. jQuery('#product_tabs_form_contents').css('display','block');
  258. });
  259.  
  260. });
  261. </script>
  262. </div>
  263. <!--End Product Image Zoom Left-->
  264. <div class="clearer"></div>
  265. </div>
  266.  
  267. <!--Start Product Tabs-->
  268. <div class="product-collateral">
  269. <ul class="product-tabs">
  270. <li id="" class="" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; "><a href="javascript:void(0)">Product Description</a></li>
  271.  
  272. </ul>
  273. <div class="product-tabs-content" id="product_tabs_description_contents">
  274. <h2>Details</h2>
  275. <div class="std" style="font-family:Arial,Helvetica,sans-serif; "><?php echo $row1['description']; ?></div>
  276. </div>
  277. <div style="display: none;" class="product-tabs-content" id="product_tabs_product">
  278.  
  279. </div>
  280. <div style="display: none;" class="product-tabs-content" id="product_tabs_form_contents">
  281. <div class="form-add">
  282. <h2>Write Your Own Review</h2>
  283. <form method="post" id="review-form" action="product.html">
  284. <fieldset>
  285. <h3>You're reviewing: <span>Lorem ipsum dolor sit amet,</span></h3>
  286. <h4>How do you rate this product? <em class="required">*</em></h4>
  287. <span id="input-message-box"></span>
  288. <table class="data-table" id="product-review-table">
  289. <thead>
  290. <tr class="first last">
  291. <th>&nbsp;</th>
  292. <th><span class="nobr">1 star</span></th>
  293. <th><span class="nobr">2 stars</span></th>
  294. <th><span class="nobr">3 stars</span></th>
  295. <th><span class="nobr">4 stars</span></th>
  296. <th><span class="nobr">5 stars</span></th>
  297. </tr>
  298. </thead>
  299. <tbody>
  300. <tr class="first odd">
  301. <th>Quality</th>
  302. <td class="value"><input name="ratings[1]" id="Quality_1" value="1" class="radio" type="radio" /></td>
  303. <td class="value"><input name="ratings[1]" id="Quality_2" value="2" class="radio" type="radio" /></td>
  304. <td class="value"><input name="ratings[1]" id="Quality_3" value="3" class="radio" type="radio" /></td>
  305. <td class="value"><input name="ratings[1]" id="Quality_4" value="4" class="radio" type="radio" /></td>
  306. <td class="value last"><input name="ratings[1]" id="Quality_5" value="5" class="radio" type="radio" /></td>
  307. </tr>
  308. <tr class="even">
  309. <th>Price</th>
  310. <td class="value"><input name="ratings[3]" id="Price_1" value="11" class="radio" type="radio" /></td>
  311. <td class="value"><input name="ratings[3]" id="Price_2" value="12" class="radio" type="radio" /></td>
  312. <td class="value"><input name="ratings[3]" id="Price_3" value="13" class="radio" type="radio" /></td>
  313. <td class="value"><input name="ratings[3]" id="Price_4" value="14" class="radio" type="radio" /></td>
  314. <td class="value last"><input name="ratings[3]" id="Price_5" value="15" class="radio" type="radio" /></td>
  315. </tr>
  316. <tr class="last odd">
  317. <th>Value</th>
  318. <td class="value"><input name="ratings[2]" id="Value_1" value="6" class="radio" type="radio" /></td>
  319. <td class="value"><input name="ratings[2]" id="Value_2" value="7" class="radio" type="radio" /></td>
  320. <td class="value"><input name="ratings[2]" id="Value_3" value="8" class="radio" type="radio" /></td>
  321. <td class="value"><input name="ratings[2]" id="Value_4" value="9" class="radio" type="radio" /></td>
  322. <td class="value last"><input name="ratings[2]" id="Value_5" value="10" class="radio" type="radio" /></td>
  323. </tr>
  324. </tbody>
  325. </table>
  326. <input name="validate_rating" class="validate-rating" value="" type="hidden" />
  327. <ul class="form-list">
  328. <li>
  329. <label for="nickname_field" class="required"><em>*</em>Nickname</label>
  330. <div class="input-box">
  331. <input name="nickname" id="nickname_field" class="input-text required-entry" type="text" />
  332. </div>
  333. </li>
  334. <li>
  335. <label for="summary_field" class="required"><em>*</em>Summary of Your Review</label>
  336. <div class="input-box">
  337. <input name="title" id="summary_field" class="input-text required-entry" type="text" />
  338. </div>
  339. </li>
  340. <li>
  341. <label for="review_field" class="required"><em>*</em>Review</label>
  342. <div class="input-box">
  343. <textarea name="detail" id="review_field" cols="5" rows="3" class="required-entry"></textarea>
  344. </div>
  345. </li>
  346. </ul>
  347. </fieldset>
  348. <div class="buttons-set">
  349. <button type="submit" title="Submit Review" class="button"><span><span>Submit Review</span></span></button>
  350. </div>
  351. </form>
  352. </div>
  353. </div>
  354. </div>
  355. <!--End Product Tabs-->
  356. </div>
  357. </div>
  358. </div>
  359.  
  360. </div>
  361. <div id="wrap">
  362. <div id="products" class="jcarousel-skin-tango">
  363. <div class="jcarousel-clip">
  364.  
  365. <?php
  366. $directory= "data/uploads/topslider/";
  367. echo '<ul class="jcarousel-list">';
  368. foreach(glob($directory . '*') as $filename) {
  369. echo '<li class="jcarousel-item"><img src="'.$filename.'" width="150" height="150" alt="" /></li>';
  370. }
  371. echo '</ul>';
  372. ?>
  373.  
  374.  
  375. </div>
  376. <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
  377. <div class="message"><div class="text">EDGE.PK<br/><span style="font-size:19px;letter-spacing: -1px; ">Top Products</span><br/><span style="font-size:10px;letter-spacing: 4px; ">.............</span></div></div>
  378. <div class="jcarousel-next"></div>
  379. </div>
  380. </div>
  381.  
  382.  
  383. <?php include('footer.php'); ?>
  384. </div>
  385. <script type="text/javascript">
  386.  
  387. jQuery(document).ready(function() {
  388.  
  389. jQuery('#products').jcarousel({
  390. start: 1
  391. });
  392. });
  393.  
  394. </script>
  395.  
  396. </body>
  397. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!