Advertisement
elektrogil

productos

Apr 27th, 2014
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.88 KB | None | 0 0
  1.  <!DOCTYPE html>
  2.   <html lang="es" xml:lang="es">
  3.   <head>
  4.   <meta charset="utf-8" />
  5.   <title></title>
  6.   <link rel="stylesheet" href="css/style.css">
  7.   <link rel="stylesheet" href="css/bootstrap.css">
  8.   <link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css">
  9.   <script type="text/javascript">
  10.     function swapContent(cv){
  11.       var url = "pagination1.php";
  12.       $.post(url,{contentVar:cv},function(data){
  13.         $("#productos").html(data).show();
  14.       });
  15.     }
  16.   </script>
  17.    </head>
  18.   <body>
  19.   <div id="framecontent">
  20.   <div class="innertube">
  21.   <h2>Soluciones en:</h2>
  22.   <!-- INICIO DEL MENU -->
  23.    <div id="categorias">
  24.     <h3><a href="alarm_seg_cctv.html">Alarmas y Seguridad CCTV</a></h3>
  25.         <div>
  26.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('bosch');">Bosch</a></li>
  27.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('bristall');">Bristall</a></li>
  28.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('fbii');">Fbii</a></li>
  29.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('nvt');">Nvt</a></li>
  30.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('pelco');">Pelco</a></li>
  31.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('phillips');">Phillips</a></li>
  32.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('provision');">Provission</a></li>
  33.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('rokonet');">Rokonet</a></li>        
  34.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('samsung');">Samsung</a></li>
  35.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('secolarm');">Secolarm</a></li>      
  36.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('visonic');">Visonic</a></li>
  37.         </div>
  38.     <h3><a href="audio_video.html">Audio y Voceo</a></h3>
  39.         <div>
  40.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('asaji');">Asaji</a></li>
  41.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('remberg');">Electronica Remberg</a></li>
  42.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('maxon');">Maxon</a></li>
  43.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('mitzu');">Mitzu</a></li>
  44.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('onhold');">On hold</a></li>
  45.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('plantronics');">Plantronics</a></li>
  46.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('radson');">Radson</a></li>
  47.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('soundtrack');">SoundTrack</a></li>
  48.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('steren');">Steren</a></li>
  49.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('toshiba');">Toshiba</a></li>
  50.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('yamaha');">Yamaha</a></li>    
  51.         </div>
  52.      <h3><a href="canal_acces.html">Canalización y Accesorios</a></h3>
  53.         <div>
  54.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('abb');">Abb</a></li>
  55.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('anclo');">Anclo</a></li>
  56.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('cablofil');">Cablofil</a></li>
  57.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('charofil');">Charofil</a></li>
  58.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('crossline');">Crossline</a></li>
  59.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('he');">He</a></li>
  60.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('tecnotray');">Tecnotray</a></li>
  61.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('thorsman');">Thorsman</a></li>
  62.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('tuberia');">Tuberia</a></li>
  63.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('unex');">Unex</a></li>
  64.          <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('velcro');">Velcro</a></li>
  65.         </div>  
  66.      <h3><a href="conm_telef.html">Conmutadores y Telefonia</a></h3>
  67.          <div>
  68.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('eat');">Eat</a></li>
  69.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('eletec');">Eletec</a></li>
  70.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('evolis');">Evolis</a></li>
  71.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('mitel');">Mitel</a></li>
  72.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('ge');">General Electric</a></li>
  73.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('panasonic');">Panasonic</a></li>
  74.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('polycom');">Polycom</a></li>
  75.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('protectolada');">Protectolada</a></li>
  76.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('regtelef');">Registros Telefonicos</a></li>
  77.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('sony');">Sony</a></li>          
  78.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('tde');">Tde</a></li>
  79.          </div>  
  80.      <h3><a href="equip_act.html">Equipo Activo</a></h3>
  81.          <div>
  82.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('allied');">Allied Telesyn</a></li>    
  83.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('cisco');">Cisco</a></li>
  84.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('linksys');">Linksys</a></li>
  85.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('manhattan');">Manhattan</a></li>
  86.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('netgear');">Netgear</a></li>
  87.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('tplink');">Tp-Link</a></li>
  88.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('trendnet');">Trendnet</a></li>
  89.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('hpcom');">Hp 3com</a></li>
  90.          </div>  
  91.      <h3><a href="equip_mat_elec.html">Equipo y Material Eléctrico</a></h3>
  92.          <div>
  93.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('apc');">Apc</a></li>
  94.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('argos');">Argos</a></li>
  95.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('arrowhart');">Arrow Hart</a></li>
  96.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('arsa');">Arsa</a></li>
  97.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('bosch');">Bosch</a></li>
  98.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('bticino');">Bticino</a></li>
  99.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('legrand');">Legrand</a></li>
  100.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('osram');">Osram</a></li>
  101.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('solabasic');">Sola Basic</a></li>
  102.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('squared');">Squared</a></li>
  103.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('viakon');">Viakon</a></li>
  104.          </div>
  105.      <h3 id="herramientas"><a href="ferret.html">Herramientas y Productos de Ferreteria</a></h3>
  106.          <div>                    
  107.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('assa');">Assa Abloy</a></li>
  108.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('contool');">Contool</a></li>
  109.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('duracell');">Duracell</a></li>
  110.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('energizer');">Energizer</a></li>
  111.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('eveready');">Eveready</a></li>
  112.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('fluke');">Fluke</a></li>
  113.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('harris');">Harris</a></li>
  114.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('idel');">Ideal</a></li>
  115.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('klein');">Klein Tools</a></li>
  116.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('truper');">Truper</a></li>
  117.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('yale');">Yale</a></li>
  118.          </div>  
  119.      <h3><a href="interc.html">Intercomunicación</a></h3>
  120.          <div>
  121.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('aiphone');">Aiphone</a></li>
  122.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('commax');">Commax</a></li>
  123.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('fermax');">Fermax</a></li>
  124.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('intec');">Intec</a></li>
  125.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('tegui');">Tegui</a></li>
  126.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('vipsys');">Vip System</a></li>
  127.          </div>
  128.      <h3><a href="red_voz_dat.html">Redes Voz y Datos</a></h3>
  129.          <div>  
  130.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('tresm');">3M</a></li>      
  131.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('belden');">Belden</a></li>
  132.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('amp');">Amp Tyco</a></li>
  133.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('corning');">Corning</a></li>
  134.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('hubbel');">Hubbell</a></li>
  135.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('krone');">Krone / Adc-Tyco</a></li>
  136.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('panduit');">Panduit</a></li>
  137.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('greenlee');">Progressive / Greenlee</a></li>
  138.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('racksystem');">Racksystem</a></li>
  139.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('rittal');">Rittal</a></li>
  140.           <li><a href="#" onClick="return false" onmousedown="javascript:swapContent('surlink');">Sur-Link</a></li>
  141.          </div>  
  142.      </div>
  143.   <!--FIN DEL MENU -->
  144.   </div>
  145.   </div>
  146.     <div id="maincontent">
  147.      <div id="container">    
  148.        <div id="productos">        
  149.        </div>
  150.      </div>  
  151.     </div>
  152.  
  153.     <!-- FOOTER -->
  154.   <div class="navbar navbar-inverse navbar-fixed-bottom">
  155.     <div class="container">
  156.       <p class="navbar-text pull-left italic">ventas@ &nbsp;&nbsp; | &nbsp;&nbsp; (55)  &nbsp;&nbsp; | &nbsp;&nbsp; <a href="aviso_privacidad.html">Aviso de Privacidad</a> </p>
  157.       <p class="navbar-text pull-right">&#169;&nbsp;Copyright 2013 DERECHOS RESERVADOS</p>
  158.     </div>
  159.   </div>
  160. <!-- FOOTER ENDS -->
  161.  
  162.   <script src="bootstrap.min.js"></script>
  163.   <script src="jquery.js"></script>
  164.   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  165.   <script>
  166.   $("#categorias").accordion({icons: { "header": "ui-icon-plus", "headerSelected": "ui-icon-minus" }, heightStyle: "content", collapsible: true, active:false });
  167. </script>
  168.   </body>
  169.   </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement