hojas-tecnicas.php 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736
  1. <?php
  2. require_once('shared/conexionBD.php');
  3. //definimos utf8 encode
  4. mysqli_query($conexion,"SET NAMES utf8");
  5. $queryPannel = " SELECT * FROM ITT_ASW_HTEC WHERE CATE = 'cp' ORDER BY idht ";
  6. $ress = mysqli_query($conexion, $queryPannel ) or die ( "ERROR #002 AL OBTENER LOS PANELES");
  7. $panels = array();
  8. while ($datos = mysqli_fetch_array( $ress) )
  9. {
  10. $panels[] = $datos;
  11. }
  12. // funcion para extraer el contenido de cada panel
  13. function info_panel($conexion,$id){
  14. $queryBanner = "SELECT i.id_1,i.titu,i.arch,t.cate FROM ITT_ASW_HINF i,ITT_ASW_HTEC t WHERE i.id_1 = t.idht AND i.id_1 = ".$id." AND t.cate = 'cp' ORDER BY i.titu ";
  15. $ress = mysqli_query($conexion, $queryBanner ) or die ( "ERROR #003 AL OBTENER LA INFORMACIÓN DE LOS PANELES");
  16. $info = array();
  17. while ($datos2 = mysqli_fetch_array( $ress) )
  18. {
  19. $info[] = $datos2;
  20. }
  21. return $info;
  22. }
  23. ?>
  24. <!DOCTYPE html>
  25. <!--[if IE 8 ]> <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
  26. <!--[if IE 9 ]> <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
  27. <html xml:lang="es" lang="es">
  28. <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  29. <head>
  30. <!-- Global site tag (gtag.js) - Google Analytics -->
  31. <!--Pruebas-->
  32. <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-1"></script> -->
  33. <!--Producción-->
  34. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
  35. <!--Pruebas-->
  36. <!-- <script>
  37. window.dataLayer = window.dataLayer || [];
  38. function gtag(){dataLayer.push(arguments);}
  39. gtag('js', new Date());
  40. gtag('config', 'UA-125019062-1');
  41. </script> -->
  42. <!--Producción-->
  43. <script>
  44. window.dataLayer = window.dataLayer || [];
  45. function gtag(){dataLayer.push(arguments);}
  46. gtag('js', new Date());
  47. gtag('config', 'UA-125019062-2');
  48. </script>
  49. <!-- End Global site tag (gtag.js) - Google Analytics -->
  50. <!-- [if IE]> -->
  51. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  52. <meta http-equiv="cleartype" content="on"/>
  53. <!-- <![endif] -->
  54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  55. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
  56. <title>Hojas Técnicas – S&amp;P</title>
  57. <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
  58. <meta name="keywords" content="Magento, Varien, E-commerce"/>
  59. <meta name="robots" content="INDEX,FOLLOW"/>
  60. <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
  61. <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
  62. <meta name="theme-color" content="#ffffff">
  63. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  64. <script type="text/javascript">
  65. var $j = jQuery.noConflict();
  66. </script>
  67. <script type="text/javascript" src="js/events.js"></script>
  68. <!-- estilo princripal -->
  69. <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
  70. </head>
  71. <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
  72. <!-- aqui va el header -->
  73. <?php include 'header.php' ?>
  74. <script type="text/javascript">
  75. //<![CDATA[
  76. if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
  77. HIB.menu.init();
  78. }
  79. //]]>
  80. </script>
  81. <div class="main-container col1-layout">
  82. <div class="breadcrumbs">
  83. <div class="container">
  84. <ul xmlns:v="http://rdf.data-vocabulary.org/#">
  85. <li class="">
  86. <a>Recursos</a>
  87. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. <div class="main">
  92. <div class="col-main">
  93. <main>
  94. <div id="overlaySearch" class="overlay">
  95. <!-- Overlay content -->
  96. <div id="searchResults" class="overlay-content grid"></div>
  97. </div>
  98. <div class="std">
  99. <div class="page-title dark">
  100. <img alt="Hojas Técnicas" src="media/home/categories_home/recursos/hojas-tecnicas.jpg" />
  101. <div class="page-title-container">
  102. <div class="page-title-content container">
  103. <h1 class="h1">Hojas Técnicas</h1>
  104. </div>
  105. </div>
  106. <div class="clearfix">&nbsp;</div> </div>
  107. <br>
  108. <div class="container grid container-margin ">
  109. <div class="listado hcol-10-12 md-hcol-10-12 mobile-hcol-1-1 just">
  110. <p class="m-bottom20">En nuestras hojas técnicas encontrarás toda la información que necesitas para resolver cualquier duda sobre <b>ventilación y ventiladores.</b></p>
  111. <p class="m-bottom20">Cada una de estas fichas se acompaña de ilustraciones y tablas con el objetivo de complementar la explicación.</p>
  112. <p class="m-bottom20">Los cálculos realizados para las instalaciones se han llevado a cabo conforme a la legislación Española.</p>
  113. </div>
  114. <br>
  115. <div class="container grid m-bottom40 ">
  116. <!-- pruebas de BD -->
  117. <?php
  118. $t = 0;
  119. foreach ($panels as $panel):
  120. $c = count(info_panel($conexion,$panel['IDHT']));
  121. ?>
  122. <?php if ($panel['TAMN'] == 2):
  123. $columna = $panel['COLM'];
  124. ?>
  125. <!-- paneles de 3 columnas -->
  126. <div class="container grid" style="background: #f5f5f5">
  127. <center>
  128. <img class="img-htecnicas-b" src="<?php echo $panel['ICON'] ?>" >
  129. <p class="h2-2"><b><?php echo $panel['TITU']; ?></b></p>
  130. </center>
  131. <!-- comienza cuerpo -->
  132. <?php if ($columna == 1) {
  133. echo "<div class='hcol-12-12 m-hcol-6-12 mobil-hcol-1-1'>";
  134. echo " <ul class='links'>";
  135. echo "<center>";
  136. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  137. // if ($key < floor($c/2)) {
  138. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  139. // }
  140. }
  141. echo "</center>";
  142. echo "</ul>";
  143. echo "</div>";
  144. }
  145. if ($columna == 2) {
  146. echo "<div class='hcol-6-12 m-hcol-6-12 mobil-hcol-1-1'>";
  147. echo " <ul class='links'>";
  148. echo "<center>";
  149. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  150. if ($key < floor($c/2)) {
  151. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  152. }
  153. }
  154. echo "</center>";
  155. echo "</ul>";
  156. echo "</div>";
  157. //segunda columna
  158. echo "<div class='hcol-6-12 m-hcol-6-12 mobil-hcol-1-1'>";
  159. echo " <ul class='links'>";
  160. echo "<center>";
  161. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  162. if ($key >= floor($c/2)) {
  163. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  164. }
  165. }
  166. echo "</center>";
  167. echo "</ul>";
  168. echo "</div>";
  169. }
  170. if ($columna == 3) {
  171. echo "<div class='hcol-4-12 m-hcol-4-12 mobil-hcol-1-1'>";
  172. echo " <ul class='links'>";
  173. echo "<center>";
  174. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  175. if ($key < ceil($c/3)) {
  176. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  177. }
  178. }
  179. echo "</center>";
  180. echo "</ul>";
  181. echo "</div>";
  182. //segunda columna
  183. echo "<div class='hcol-4-12 m-hcol-4-12 mobil-hcol-1-1'>";
  184. echo " <ul class='links'>";
  185. echo "<center>";
  186. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  187. if ($key >= ceil($c/3) && $key < ceil($c/3)*2) {
  188. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  189. }
  190. }
  191. echo "</center>";
  192. echo "</ul>";
  193. echo "</div>";
  194. //tercera columna
  195. echo "<div class='hcol-4-12 m-hcol-4-12 mobil-hcol-1-1'>";
  196. echo " <ul class='links'>";
  197. echo "<center>";
  198. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  199. if ($key >= ceil($c/3) && $key >= ceil($c/3)*2) {
  200. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  201. }
  202. }
  203. echo "</center>";
  204. echo "</ul>";
  205. echo "</div>";
  206. }
  207. if ($columna == 4) {
  208. echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
  209. echo " <ul class='links'>";
  210. echo "<center>";
  211. $cont = 0;
  212. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  213. if ($key < ceil($c/4)) {
  214. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  215. $cont++;
  216. }
  217. }
  218. echo "</center>";
  219. echo "</ul>";
  220. echo "</div>";
  221. //segunda columna
  222. echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
  223. echo " <ul class='links'>";
  224. echo "<center>";
  225. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  226. if ($key >= $cont && $key < ceil($c/4)*2) {
  227. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  228. $cont++;
  229. }
  230. }
  231. echo "</center>";
  232. echo "</ul>";
  233. echo "</div>";
  234. //Tercer columna
  235. echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
  236. echo " <ul class='links'>";
  237. echo "<center>";
  238. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  239. if ($key >= $cont && $key < ceil($c/4)*3) {
  240. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  241. $cont++;
  242. }
  243. }
  244. echo "</center>";
  245. echo "</ul>";
  246. echo "</div>";
  247. //cuarta columna
  248. echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
  249. echo " <ul class='links'>";
  250. echo "<center>";
  251. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  252. if ($key >= $cont && $key < ceil($c/4)*4) {
  253. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  254. }
  255. }
  256. echo "</center>";
  257. echo "</ul>";
  258. echo "</div>";
  259. //unset($cont);
  260. } ?>
  261. <!-- </div> -->
  262. <!-- imprimir contenIDHTo de los paneles -->
  263. <?php
  264. // echo "Contador: <br>".floor($c/2);
  265. /* echo "<div class='hcol-1-4 m-hcol-1-4 mobil-hcol-1-1 '>";
  266. echo " <ul class='links'>";
  267. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  268. if ($key < floor($c/2)) {
  269. echo "<li><a href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  270. }
  271. }
  272. echo "</ul>";
  273. echo "</div>";
  274. echo "<div class='hcol-1-4 m-hcol-1-4 mobil-hcol-1-1'>";
  275. echo " <ul class='links'>";
  276. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  277. if ($key >= floor($c/2)) {
  278. echo "<li><a href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  279. }
  280. }
  281. echo "</ul>";
  282. echo "</div>";*/
  283. ?>
  284. <!-- <div class="hcol-1-4 m-hcol-1-4 mobil-hcol-1-1">
  285. </div> -->
  286. </div>
  287. <br>
  288. <?php endif; ?>
  289. <?php if ($panel['TAMN'] == 1):
  290. ?>
  291. <!-- Paneles de 1 columna -->
  292. <div class="hcol-1-3 m-hcol-1-3 mobil-hcol-1-1 ">
  293. <div class="grid-pad hojas-t-panels-2" style="background: #f5f5f5">
  294. <center><img class="img-htecnicas" src="<?php echo $panel['ICON'] ?>" ></center>
  295. <p><b class="hojas-t h2-2"><center><?php echo $panel['TITU']; ?></center></b></p>
  296. <center>
  297. <ul class="links hojas-t">
  298. <!-- imprimir contenido de los paneles -->
  299. <?php
  300. foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
  301. echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
  302. }
  303. ?>
  304. </ul>
  305. </center>
  306. </div>
  307. </div>
  308. <?php endif; ?>
  309. <?php endforeach; ?>
  310. </div>
  311. </div>
  312. </div>
  313. </main>
  314. </div>
  315. </div>
  316. </div>
  317. <!-- aqui va el footer -->
  318. <?php include 'footer.php' ?>
  319. </div>
  320. </div>
  321. </body>
  322. </html>