API tools faq
paste
Advertisement
Guest User

LongCode

a guest
Jun 3rd, 2015
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 KB | None | 0 0
raw download clone embed print report
  1. <!--The Code Below Determines the CSS Style for this specific page-->
  2. <style>
  3. table {
  4. width:100%;
  5. }
  6.  
  7. table, th, td {
  8. border: 1px solid black;
  9. border-collapse: collapse;
  10. }
  11.  
  12. th, td {
  13. padding: 5px;
  14. text-align: left;
  15. }
  16.  
  17. table#TableTopics th {
  18. background-color: #222222;
  19. color: white;
  20. }
  21.  
  22. .tabtext{
  23. font-family: "Arial";
  24. font-size: 16px;
  25. background:#222222;
  26. color:white;
  27. border:none;
  28. margin:0;
  29. padding:0;
  30. }
  31.  
  32. </style>
  33.  
  34. <!--The Code Below Creates all of our page content-->
  35. <body>
  36. <!--The Code Below Displays the different Tabs-->
  37. <table id="TableTopics">
  38. <tr>
  39. <th><button class="tabtext" onclick="ParagraphWinders(),HeaderWinders()">Winders/Unwinders</button></th>
  40. <th><button class="tabtext" onclick="ParagraphBagMachines(),HeaderBagMachine()">Bag Machines</button></th>
  41. <th><button class="tabtext" onclick="ParagraphCoreless(),HeaderCorelessWinder()">Coreless Winders</button></th>
  42. <th><button class="tabtext" onclick="ParagraphSeparators(),HeaderSeparators(),TableSeparators()">Bag Separators</button></th>
  43. </tr>
  44. </table>
  45.  
  46. <!--The Code Below Establishes the Default Header-->
  47. <h2 id="ContentHeader">Winders & Unwinders</h2>
  48.  
  49. <!--The Code Below Establishes the Default Paragraph-->
  50. <p id="ContentParagraph">Converting Systems specializes in winders and unwinders of all kinds. Single Turret and Dual Turret Center Driven Winders with auto-cutover, taper tension, individual spindle drives and Microprocessor touch screen controls; trim winders, re-winders and driven un-winders. Contact us to find out more about CSI’s Winder Rebuilding services. We can incorporate many “new” machine features for a fraction of the cost of a new winder. </p>
  51.  
  52. <!--The Code Below Establishes the Default Mobile Buttons To Create-->
  53. <!--Winders/Unwinders-->
  54. <table border="1" style="width:100%">
  55. <tr>
  56. <!--Row 1| Column 1-->
  57. <td id="R1C1" style="width:25%">
  58. <a href="http://www.convertingsystems.com/dual-turret-winder-3001.html">
  59. <center>
  60. <figure>
  61. <figcaption>
  62. Dual Turret Blown Film Winder – Model 3001
  63. </figcaption>
  64. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/6414565.jpg?222" alt="3001 Dual Turret Blown Film Winder" style="max-height:100%; max-width:100%"/>
  65. </figure>
  66. </center>
  67. </a>
  68. </td>
  69. <!--Row 1| Column 2-->
  70. <td style="width:25%">
  71. <a href="http://www.convertingsystems.com/budget-series-winder.html">
  72. <center>
  73. <figure>
  74. <figcaption>
  75. Budget Series Winder
  76. </figcaption>
  77. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/3533963.jpg?165" alt="Budget Series Winder" style="max-height:100%; max-width:100%"/>
  78. </figure>
  79. </center>
  80. </a>
  81. </td>
  82. <!--Row 1| Column 3-->
  83. <td style="width:25%">
  84. <a href="http://www.convertingsystems.com/surface-driven-unwinder-3000.html">
  85. <center>
  86. <figure>
  87. <figcaption>
  88. Surface Driven Unwinder Model 3000
  89. </figcaption>
  90. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/9498301.jpg?190" alt="Surface Driven Unwinder Model 3000" style="max-height:100%max-width:100%"/>
  91. </figure>
  92. </center>
  93. </a>
  94. </td>
  95. <!--Row 1| Column 4-->
  96. <td style="width:25%">
  97. <a href="http://www.convertingsystems.com/single-turret-winders-1900-1940.html">
  98. <center>
  99. <figure>
  100. <figcaption>
  101. Single Turret Winders Model 1900 and 1940
  102. </figcaption>
  103. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/9063614.jpg?141" alt="Single Turret Winders Model 1900 and 1940" style="max-height:100%; max-width:100%"/>
  104. </figure>
  105. </center>
  106. </a>
  107. </td>
  108. </tr>
  109. <tr>
  110. <!--Row 2| Column 1-->
  111. <td style="width:25%">
  112. <a href="http://www.convertingsystems.com/trim-winders.html">
  113. <center>
  114. <figure>
  115. <figcaption>
  116. Trim Winder
  117. </figcaption>
  118. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/8532643.png?123" alt="Trim Winder" style="max-height:100%; max-width:100%"/>
  119. </figure>
  120. </center>
  121. </a>
  122. </td>
  123. <!--Row 2| Column 2-->
  124. <td style="width:25%">
  125. <a href="http://www.convertingsystems.com/cantilevered-winder-1901.html">
  126. <center>
  127. <figure>
  128. <figcaption>
  129. Cantilevered Winder Model 1901
  130. </figcaption>
  131. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/6558494_orig.jpg" alt="Cantilevered Winder Model 1901" style="max-height:100%; max-width:100%"/>
  132. </figure>
  133. </center>
  134. </a>
  135. </td>
  136. <!--Row 2| Column 3-->
  137. <td style="width:25%">
  138. <a href="http://www.convertingsystems.com/">
  139. <center>
  140. <figure>
  141. <figcaption>
  142. Pneumatic Clutch Retrofit Package
  143. </figcaption>
  144. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/7437070_orig.jpg" alt="Pneumatic Clutch Retrofit Package" style="max-height:100%; max-width:100%"/>
  145. </figure>
  146. </center>
  147. </a>
  148. </td>
  149. <!--Row 2| Column 4-->
  150. <td style="width:25%">
  151. <a href="http://www.convertingsystems.com/options---upgrades-controls.html">
  152. <center>
  153. <figure>
  154. <figcaption>
  155. Extrusion Control line Retrofits
  156. </figcaption>
  157. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/4239588.jpg?91" alt="Extrusion Control line Retrofits" style="max-height:100%; max-width:100%"/>
  158. </figure>
  159. </center>
  160. </a>
  161. </td>
  162. </tr>
  163. <tr>
  164. <!--Row 3| Column 1-->
  165. <td style="width:25%">
  166. <a href="http://www.convertingsystems.com/winder-rebuilding.html">
  167. <center>
  168. <figure>
  169. <figcaption>
  170. Winder Rebuilding
  171. </figcaption>
  172. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/3732302.png?1407172763" alt="Winder Rebuilding" style="max-height:100%; max-width:100%"/>
  173. </figure>
  174. </center>
  175. </a>
  176. </td>
  177. <!--Row 3| Column 2-->
  178. <td style="width:25%">
  179. <a href="http://www.convertingsystems.com/winder-options.html">
  180. <center>
  181. <figure>
  182. <figcaption>
  183. Winder/Unwinder Options (add-ons/upgrades)
  184. </figcaption>
  185. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/9338244_orig.jpg" alt="Winder/Unwinder Options (add-ons/upgrades)" style="max-height:100%; max-width:100%"/>
  186. </figure>
  187. </center>
  188. </a>
  189. </td>
  190. <!--Row 3| Column 3-->
  191. <td style="width:25%">
  192. <a href="http://csi-parts.com/collections/winders">
  193. <center>
  194. <figure>
  195. <figcaption>
  196. Winder Parts
  197. </figcaption>
  198. <img src="http://www.convertingsystems.com/uploads/2/6/8/5/26859557/4196679.jpg?157" alt="Winder Parts" style="max-height:100%; max-width:100%"/>
  199. </figure>
  200. </center>
  201. </a>
  202. </td>
  203. <!--Row 3| Column 4-->
  204. <td style="width:25%">
  205. <center>
  206. <figure>
  207. <figcaption>
  208. </figcaption>
  209. <img src="" alt="" style="max-height:100%; max-width:100%"/>
  210. </figure>
  211. </center>
  212. </td>
  213. </tr>
  214. </table>
  215.  
  216. <!--The Codes Below Determine our Dynamic Content Headers when one of the above buttons are pressed-->
  217. <script>
  218. function HeaderWinders() {
  219. document.getElementById("ContentHeader").innerHTML = "Winders & Unwinders";
  220. }
  221. </script>
  222.  
  223. <script>
  224. function HeaderBagMachine() {
  225. document.getElementById("ContentHeader").innerHTML = "Bag Machines";
  226. }
  227. </script>
  228.  
  229. <script>
  230. function HeaderCorelessWinder() {
  231. document.getElementById("ContentHeader").innerHTML = "Coreless Winders";
  232. }
  233. </script>
  234.  
  235. <script>
  236. function HeaderSeparators() {
  237. document.getElementById("ContentHeader").innerHTML = "Bag Separators";
  238. }
  239. </script>
  240.  
  241. <!--The Codes Below Determine our Dynamic Content Paragraphs when one of the above buttons are pressed-->
  242. <script>
  243. function ParagraphWinders() {
  244. document.getElementById("ContentParagraph").innerHTML = "Converting Systems specializes in winders and unwinders of all kinds. Single Turret and Dual Turret Center Driven Winders with auto-cutover, taper tension, individual spindle drives and Microprocessor touch screen controls; trim winders, re-winders and driven un-winders. Contact us to find out more about CSI’s Winder Rebuilding services. We can incorporate many “new” machine features for a fraction of the cost of a new winder.";
  245. }
  246. </script>
  247.  
  248. <script>
  249. function ParagraphBagMachines() {
  250. document.getElementById("ContentParagraph").innerHTML = "Converting System's 'Servo' design is the only patented Bottom Seal Shuttle Servo Bag Machine design in the Plastics industry and has a proven track record since it was developed in 2001. For the older bag machines on your floor, CSI’s machine rebuild program provides, in effect, a new machine with a new machine warranty for much less than the purchasing a brand new piece of equipment.";
  251. }
  252. </script>
  253.  
  254. <script>
  255. function ParagraphCoreless() {
  256. document.getElementById("ContentParagraph").innerHTML = "Converting Systems has redesigned our Coreless Winders to include: improved the mechanical assemblies, “rev'd up” electronics package, and added a color touch-screen for easy machine set-up and operation. CSI offers both new Coreless Winders as well as Coreless Winder Rebuilding.";
  257. }
  258. </script>
  259.  
  260. <script>
  261. function ParagraphSeparators() {
  262. document.getElementById("ContentParagraph").innerHTML = "Converting Systems has expanded its line of downstream converting equipment to include our CSI Bag Separator. Designed with the operator and maintenance personnel in mind, we have made several key improvements to the technology used to separate bags. The CSI Separator series includes standard sizes from 40” to 100” in width. ";
  263. }
  264. </script>
  265.  
  266. <!--The Codes Below Determine our Dynamic Content Table when one of the above buttons are pressed-->
  267. <script>
  268. function TableSeparators() {
  269. document.getElementById("R1C1").src = "http://edmgrandmothers.org/wp-content/uploads/test.jpg";
  270. }
  271. </script>
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!