Created
November 15, 2016 21:52
-
-
Save daniiable/8adc0fc85c888d2eeb5ecabf8782b2f3 to your computer and use it in GitHub Desktop.
HTML basado en Iframe de CRM y Tehuan
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang=''> | |
| <head> | |
| <meta charset='utf-8'> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> | |
| <style> | |
| #contenedor { | |
| width: 100%; | |
| } | |
| #cabecera { | |
| position: relative; | |
| z-index: 1; | |
| float: left; | |
| width: 100%; | |
| background:#FFF; | |
| background:rgba(0,0,0,0.5); | |
| height:90px; | |
| width:100%; | |
| } | |
| #menu { | |
| } | |
| #contenido { | |
| float: left; | |
| width: 470px; | |
| } | |
| #pie { | |
| clear: both; | |
| z-index: 1; | |
| background:#7f7f7f; | |
| background:rgba(255,255,255,0.5); | |
| } | |
| **// prueba | |
| .contenedor-responsive { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| padding-top: 30px; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| .contenedor-responsive iframe, | |
| .contenedor-responsive object, | |
| .contenedor-responsive embed { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| </style> | |
| <title>Intranet CIC</title> | |
| <link href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css" rel="stylesheet" type="text/css" /> | |
| <style type="text/css"> | |
| body,td,th { | |
| font-family: Verdana, Geneva, sans-serif; | |
| } | |
| #apDiv1 { | |
| position:absolute; /*El div será ubicado con relación a la pantalla*/ | |
| left:95%; /*A la derecha deje un espacio de 0px*/ | |
| right:0px; /*A la izquierda deje un espacio de 0px*/ | |
| bottom:0px; /*Abajo deje un espacio de 0px*/ | |
| height:150px; /*alto del div*/ | |
| z-index:1; | |
| } | |
| #video1 { | |
| position: fixed; | |
| left: 0; | |
| top: 0; | |
| min-height: 100%; | |
| min-width: 100%; | |
| width: auto; | |
| height: auto; | |
| z-index: -10; | |
| visibility: visible; | |
| volume: 0; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="apDiv1"> | |
| <a href="http://pue.cic.mx/dashboard" target="emilgo"><img src="Estructura/Imagenes/box.png" width="46" height="47" alt="add"></a><br/> | |
| <a href="http://pue.cic.mx/dashboard/discovery/twitter" target="emilgo"><img src="Estructura/Imagenes/search.png" width="46" height="47" alt="add"></a><br/> | |
| <a href="http://pue.cic.mx/dashboard/reports/new" target="emilgo"><img src="Estructura/Imagenes/add.png" width="46" height="47" alt="add"></a> | |
| </div> | |
| <video id="video1" loop autoplay preload poster="images/poster.png"> | |
| <source src="Estructura/Imagenes/Video/Si ves algo haz algo mute.mp4" type="video/mp4"/> | |
| </video> | |
| <div id="contenedor"> | |
| <div id="cabecera"> | |
| <script type="text/javascript"> | |
| function setBrowserFrameSource(){ | |
| var browserFrame = document.getElementById("emilgo"); | |
| browserFrame.src= document.getElementById("txtUrl").value; | |
| } | |
| </script> | |
| <script> | |
| function suma(form){ | |
| form.total.value = 'http://tehuan-pue.cic.mx/?ticket=' + form.a.value + '&table_name=pue_public&view=single'; | |
| return; | |
| } | |
| </script> | |
| <div class="pure-menu pure-menu-horizontal" style="background:#FFF"> | |
| <ul class="pure-menu-list"> | |
| <li class="pure-menu-item pure-menu-selected"><a href="Inicio.html" class="pure-menu-link">Inicio</a></li> | |
| <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover"> | |
| <a href="#" id="menuLink1" class="pure-menu-link">Descargas</a> | |
| <ul class="pure-menu-children"> | |
| <li class="pure-menu-item"><a href="Estructura/Documentos/Se busca.psd" target="emilgo" class="pure-menu-link">Desaparecidos.psd</a></li> | |
| <li class="pure-menu-item"><a href="Estructura/Documentos/Formato recepcion de quejas.docx" target="emilgo" class="pure-menu-link">Formato de queja infraestructura</a></li> | |
| <li class="pure-menu-item"><a href="Estructura/WhatsApp.html" target="emilgo" class="pure-menu-link">WhatsApp Metropolitano</a></li> | |
| </ul> | |
| </li> | |
| <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover"> | |
| <a href="#" id="menuLink1" class="pure-menu-link">Enlaces</a> | |
| <ul class="pure-menu-children"> | |
| <li class="pure-menu-item"><a href="https://tweetdeck.twitter.com/" target="_blank" class="pure-menu-link">TweetDeck</a></li> | |
| <li class="pure-menu-item"><a href="https://docs.google.com/spreadsheets/u/0/" target="_blank" class="pure-menu-link">Base de Datos</a></li> | |
| <li class="pure-menu-item"><a href="https://docs.google.com/spreadsheets/d/1efehqOQdCaJs64zcaGhK8U3Q14lkNls_SjYmKZbClsE/edit#gid=2036429109" target="_blank" class="pure-menu-link">LAYOUT</a></li> | |
| <li class="pure-menu-item"><a href="http://www2.repuve.gob.mx:8080/ciudadania/" target="_blank" class="pure-menu-link">REPUVE</a></li> | |
| <li class="pure-menu-item"><a href="https://cicpue.slack.com/" target="_blank" class="pure-menu-link">Slack</a></li> | |
| </ul> | |
| </li> | |
| <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover"> | |
| <a href="#" id="menuLink1" class="pure-menu-link">Utilidades</a> | |
| <ul class="pure-menu-children"> | |
| <li class="pure-menu-item"><a href="https://docs.google.com/spreadsheets/d/1ZozGGbq50sJDudr8xthO0imGPvN4o_kdqN57AsurNDY/pubhtml?gid=0&single=true" target="emilgo" class="pure-menu-link">Horario Tehuaneros</a></li> | |
| <li class="pure-menu-item"><a href="https://docs.google.com/spreadsheets/d/1WIft0OIgGK0q6Cka9gREYr6oG2XFt64lE4romt2zzjo/pubhtml?gid=0&single=true" target="emilgo" class="pure-menu-link">Horario Estudiantes</a></li> | |
| </ul> | |
| </li> | |
| <li class="pure-menu-item pure-menu-selected"><a href="Integrador de seguimientos/Inicio.html" target="_blank" class="pure-menu-link">Integrador de Servicios</a></li> | |
| <li class="pure-menu-item pure-menu-selected"><a href="Inicio.html" target="_blank" class="pure-menu-link">+</a></li> | |
| </ul> | |
| </div> | |
| <p></p> | |
| <center> | |
| <form class="pure-form"> | |
| <input name="a" type="text" placeholder="Ticket" onkeyup="suma(this.form)" size="3" maxlength="4"> | |
| <input name="total" type="text" id="txtUrl" value="Dirección URL Tehuan" size="70" readonly> | |
| <input style="width:8%;" type="button" value="Abrir" onclick="setBrowserFrameSource(); return false;"/ class="pure-button pure-button-primary"> | |
| </form> | |
| </center> | |
| </div> | |
| <div id="contenido" class="contenedor-responsive"> | |
| <iframe frameborder="0" allowfullscreen="" src="Estructura/bienvenida.html" name="emilgo" width="100px" height="600px" id="emilgo">Texto para cuando el navegador no conoce la etiqueta iframe</iframe> | |
| </div> | |
| </div> | |
| </body> | |
| <html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment