document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Monito in the shell · Mapa de Red</title>
  6. <style type="text/css">
  7.     #mapa {width:100%;font: 12px Arial,sans-serif;min-width:400px;}
  8.     #mapa a {outline: none;}
  9.     #mapa #monito {display:none;}
  10.     #mapa #comecocos {display:none; position:absolute; top:12px; left:230px;}
  11.     #mapa #nmap {display: inline;background:#f1e2c7;color:#8a5704;border:1px solid #8a5704; padding:2px 4px 4px 4px;border-radius:5px;}
  12.     #mapa #nmap:hover {box-shadow: 2px 2px 2px #8a5704;}
  13.     #mapa #delineante {border-bottom:1px dotted #c49851;}
  14.     #mapa #cartografiamaquina {margin-top:10px;}
  15.     #mapa #cartografiamaquina #cajamaquina {display:inline-block; margin:2px;}
  16.     #mapa #cartografiamaquina #cajamaquina #maquina {text-align:center;}
  17.     #mapa #cartografiamaquina #cajamaquina #ip {text-align:center; font:10px \'Verdana\',Arial,sans-serif; padding:1px 2px 1px 2px; color:#8a5704;border:1px solid #8a5704; background:#f1e2c7; border-radius:5px; }
  18. </style>
  19. <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
  20. <script type="text/javascript">
  21.     $(document).ready(function() {
  22.         //tontería inicial, aparece el logotipo poco a poco
  23.         $(\'#monito\').fadeIn(3600);
  24.         //si pulsamos el botón mapear...
  25.         $(\'#nmap\').click(function() {
  26.             $(\'#comecocos\').fadeIn();
  27.             //load
  28.             $(\'#salida\').load("mapared.php");
  29.             //desaparece comecocos
  30.             $(\'#comecocos\').fadeOut();
  31.         });
  32.        
  33.     //fin ready
  34.     });
  35. </script>
  36. </head>
  37. <body>
  38. <div id="mapa">
  39.     <!--monito--><img src="imagina/monito.png" id="monito" />
  40.     <!--botón mapear--><a href="#"><div id="nmap">&#9733;mapear</div></a>
  41.     <!--carga ajax--><div id="comecocos"><img src="imagina/comecocos.gif" /></div>
  42.     <!--línea punteada--><div id="delineante"></div>
  43.     <div id="cartografiamaquina">
  44.         <!--por aquí viene la salida de nmap--><div id="salida"></div>
  45.         <!--fin mapa-->
  46.     </div>
  47. </div>
  48. </body>
  49. </html>
');