daily pastebin goal
26%
SHARE
TWEET

Error

a guest Sep 2nd, 2016 114 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. HTML:
  2.  
  3. <div class="menu-top cart">
  4. <div class="price"><a href="#" id="basketwidjet" onclick="cart.showWinow('bcontainer', 1)"></a></div>
  5. <div style="text-align: center"><a href="#!" onclick="cart.clearBasket()">Очистить корзину</a></div>
  6. </div>
  7. <div id="order" class="popup">
  8. <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[закрыть]</a>
  9. <h4>Введите ваши контактные данные</h4>
  10. <form id="formToSend">
  11. <input id="fio" type="text" placeholder="Ваши фамилия и имя" class="" />
  12. <input id="city" type="text" placeholder="Город" class="text-input"/>
  13. <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/>
  14. <input id="email" type="text" placeholder="Электронная почта" class="" /><br>
  15. <textarea id="question" placeholder="Адрес"></textarea>
  16. </form>
  17. <button onclick="cart.sendOrder('formToSend,overflw,bsum');" href="#">Отправить заказ</button>
  18. </div></div>
  19.  
  20. /*кнопка КУПИТЬ*/
  21.  
  22. <form>
  23. <input type="submit" id="wicartbutton_001" onclick="cart.addToCart(this, '176', priceList['176'])" value="КУПИТЬ">
  24. </form>
  25.  
  26. css:
  27.  
  28. .bird{
  29. width: 100px;
  30. height: 30px;
  31. position: absolute;
  32. text-align: left;
  33. display: none;
  34. vertical-align: middle;
  35. font-size: 18px;
  36. }
  37. .blindLayer {
  38. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  39. bottom: 0;
  40. left: 0;
  41. position: fixed;
  42. right: 0;
  43. top: 0;
  44. z-index: 1001;
  45. display: none;
  46. }
  47. .bcontainer{
  48. position: absolute;
  49. width: 800px;
  50. height: 400px;
  51. background: #fff;
  52. border: 8px solid #999;
  53. padding: 20px;
  54. display: none;
  55. z-index: 1002;
  56. }
  57. #overflw{
  58. overflow-y: scroll;
  59. overflow-x: hidden;
  60. height: 300px;
  61. }
  62.  
  63. #bcaption{
  64. background: #C0C0C0;
  65.  
  66. }
  67. #bcaption td{
  68. border-right: 2px solid #999;
  69. font-weight: bold;
  70. text-align: center;
  71. }
  72. #bcaption td {padding: 5px;}
  73. #bcaption td:nth-child(1) { width: 50px; } /*ID*/
  74. #bcaption td:nth-child(2) { width: 300px; } /*NAME*/
  75. #bcaption td:nth-child(3) { width: 100px; } /*PRICE*/
  76. #bcaption td:nth-child(4) { width: 150px; } /*NUM*/
  77. #bcaption td:nth-child(5) { width: 70px; } /*SUM*/
  78.  
  79. .bitem td{
  80. font: normal 18px Arial;
  81. color: #999;
  82. padding: 5px;
  83. border-bottom: 1px solid #999;
  84. border-right: 2px solid #FFF;
  85. }
  86.  
  87. .bitem td:nth-child(1) { width: 50px; }
  88. .bitem td:nth-child(2) { width: 300px; }
  89. .bitem td:nth-child(3) { width: 100px; text-align: center;}
  90. .bitem td:nth-child(4) { width: 150px; text-align: center;}
  91. .bitem td:nth-child(5) { width: 70px; text-align: center;}
  92.  
  93. #bclose{
  94. float: right;
  95. }
  96.  
  97. .bcontainer table{
  98. width: 100%;
  99. }
  100. .bbutton{
  101. color: #999;
  102. -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
  103. -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
  104. box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
  105. padding: 5px;
  106. font: bold 16px Arial;
  107. float: right;
  108. }
  109. #bsum{
  110. float: right;
  111. margin: 0 20px;
  112. font: normal 18px Arial;
  113. }
  114. .popup {
  115. background: none repeat scroll 0 0 #F2F2F2;
  116. border: 1px solid #808040;
  117. left: 50%;
  118. margin-left: -265px;
  119. padding: 25px 20px;
  120. position: fixed;
  121. top: 50px;
  122. width: 550px;
  123. z-index: 2002;
  124. display: none;
  125. }
  126. .popup h4 {
  127. margin-bottom: 4px;
  128. }
  129. .popup form {
  130. padding: 30px 0 0 0;
  131. }
  132. .popup input[type="text"]{
  133. text-align: center;
  134. font-style: italic;
  135. display: block;
  136. width: 100%;
  137. margin-bottom: 10px;
  138. border: 1px solid #D9D9D9;
  139. display: inline-block;
  140. height: 40px;
  141. line-height: 40px;
  142. padding: 0;
  143. vertical-align: middle;
  144. }
  145. .popup .alignCenter {
  146. margin-top: 30px;
  147. }
  148. .popup textarea {
  149. display: block;
  150. font-style: italic;
  151. margin-bottom: 10px;
  152. text-align: left;
  153. width: 100%;
  154. border: 1px solid #D9D9D9;
  155.  
  156. }
  157. .basket_num{
  158. padding: 4px;
  159. background: #F0F0F0;
  160. }
  161. .basket_num_buttons{
  162.  
  163. width: 20px;
  164. height: 20px;
  165. border: 1px solid #000;
  166. margin: 0 5px;
  167. display: inline-block;
  168. color: #FFF;
  169. background: #000;
  170. text-align: center;
  171. cursor: pointer;
  172. }
  173.  
  174. script:
  175.  
  176. <script>
  177. var cart;
  178. var config;
  179. var wiNumInputPrefID;
  180. $(document).ready(function(){
  181. cart = new WICard("cart");
  182. config = {'clearAfterSend':true, 'showAfterAdd':false};
  183. cart.init("basketwidjet", config); }); document.addEventListener('visibilitychange', function(e) {cart.init("basketwidjet", config);
  184. }, false)</script>
RAW Paste Data
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
 
Top