<iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div id="cover-screen2"> <div id="contenedor-cover-screen2"> <div id="contenedor-cover-screen-header"> <div>Agenda tu visita</div> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close" id="cerrar-form-exhibicion"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button> </div> <div id="contenedor-cover-screen-form"> <div>Lo invitamos a nuestra sala de exhibición ubicada en la comuna de San Miguel.</div> <form method="post" id='Form_Exhibicion'> <div class="form-exhibicion"> <input type="text" class="campo" maxlength="12" onBlur="formateaRUT(this)" onkeypress="javascript:return (validarNumLetras(event))" name="rutempresaexhibicion" id="RUT_Empresa_exhibicion" placeholder="RUT Empresa (opcional)" /> </div> <div class="form-exhibicion"> <input type="text" class="campo" name="nombreexhibicion" id="name_exhibicion" placeholder="Nombre"> </div> <div class="form-exhibicion"> <div id="telefono-contacto-exhibicion" class="form-exhibicion" style="margin-bottom: 5px;"> <input type="text" id="phone_exhibicion" name="phone_exhibicion" style="background-color: #EDEDED; color: #000; border: none; height: 23.3px;" class="campo" onkeypress="validaTelefono(event)" placeholder="Teléfono" value="+56"> <link rel="stylesheet" href="componente/telefono/css/style.css?v=23.06.28"> <script src="componente/telefono/js/intlTelInput.js?v=23.06.28" charset="UTF-8"></script> <script> var inputphone_exhibicion = document.querySelector("#phone_exhibicion") var itiphone_exhibicion = window.intlTelInput(inputphone_exhibicion, { utilsScript: "componente/telefono/js/utils.js", separateDialCode: true, initialCountry: "cl", preferredCountries: ["cl", "pe", "co", "ar", "br", "es"], }) inputphone_exhibicion.setAttribute('dial', itiphone_exhibicion.getSelectedCountryData().dialCode) inputphone_exhibicion.addEventListener("countrychange", function() { document.getElementById('phone_exhibicion').focus() inputphone_exhibicion.setAttribute('dial', itiphone_exhibicion.getSelectedCountryData().dialCode) }); </script> </div> </div> <div class="form-exhibicion"> <input type="email" class="campo" name="emailexhibicion" id="email_exhibicion" placeholder="Correo Electrónico"/> </div> <div class="form-exhibicion"> <textarea class="Obligatorio campo" name="txtMensajeExhibicion" id="message_exhibicion" placeholder="Fecha y hora de preferencia"></textarea> </div> <div id="div-boton-exhibicion"> <input type="button" id='EnviarExhibicion' value="Aceptar" /> </div> </form> </div> </div> </div> <div id="cover-screen"> <div id="contenedor-cover-screen"> <div id="contenedor-cover-screen-left"><img src="img/computer-bannerv2.png" alt="computer"></div> <div id="contenedor-cover-screen-right"> <div id="wrapper-logo-facturacion"> <img src="img/logo-facturacionCL.png" alt="logo facturacion" width="85%"> </div> <div style="text-align: right;margin-top:10px" id="divCerrarExperiencia"> <button style="font-weight:bold" id="buttonCerrarExperiencia" name="buttonCerrarExperiencia">X</button> </div> <div id="divContenidoExperiencia"> <h1 style="margin-top:50px !important">Vive la experiencia con<br>Facturacion.cl</h1> <ul> <li>Conoce nuestro sistema de facturación</li> <li>Cotiza y obtén precios al instante</li> <li>Te contactaremos y resolveremos tus dudas</li> </ul> <div class="divbotones"> <a style="display:inline-block;" id="probar-demo" class="boton-modal-desis" href="#" onclick="entrardemo();">¡Prueba Gratis!</a> <a style="display:inline-block;" id="cotiza" class="boton-modal-desis" href="https://www.facturacion.cl/?compraLinea" onclick="createLog('boton-modal', 'CLICK BOTON [Cotiza aquí]');" target="_blank">¡Cotiza Aquí!</a> </div> </div> </div> </div> </div> <div class="dont-cover-screen"> <div class='pais' align="center"> <ul class="menu" id="menu"> <li> <p> <img src="img/ico/minichile.png" alt=""><label>Chile</label><img class="dropdown-flecha" src="img/ico/flecha.png" alt=""> </p> <ul> <li><a href="https://mx.facturacion.com/" class="minimexico">México</a></li> <li style="display:none;"><a href="https://co.facturacion.com/" class="minicolombia">Colombia</a></li> <li><a href="https://pe.facturacion.com/" class="miniperu">Perú</a></li> <li><a href="https://www.facturacion.cl" class="minichile">Chile</a></li> </ul> </li> </ul> </div> <div class="header headerfix"> <div class="contenedor2"> <a href="index.php" data-log_archivo="facturacion.cl-header" data-log_nombre="logo"> <img src="img/logo-facturacionCL.png" alt="facturacion.cl| Emision de boleta electronica| Emision de factura electónica" id="logo"/> </a> <div id="logoiso"><img src="img/_iso9001.png" alt="Certificacion ISO" id="certificacion" /></div> <div class="buttonAcceso"> <button id="accesoSistema" class="buttonAcceso__button">Acceso al Sistema</button> </div> <div id="acceso" class="login-contenedor" style="border:2px solid;border-color:#FFFFFF;top:0;border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;border-width:1;background-color: #FFFFFF;margin-top:42px;" > <div class="ContenedorLogin" id="LoginFlotante" style="width: auto; margin: 0 auto; margin-left: auto; margin-right: auto;"> <div class="Formulario"> <h4 class="paso1" id="tituloAccesosistema" style="margin: 12px 0 2px 5px;text-align: left; font: bold 14px arial;color: #000000;position:relative;">Acceso a sistema</h4> <!--loggin Acceso a sistema--> <form name="login" action="javascript:void(0)" id="login" style="text-align:center"> <div id="inputslogin"> <div style="display:flex;width:100%;" id="contenedor-primario"> <div class="input-wrapper"> <div class="input-contenedor paso1" id="empresa-contenedor" style="padding-left:1px;padding-right:1px"> <div class="input"> <input type="text" name="empresa" id="empresa" onfocusin="bordeVerde('empresa-contenedor')" onfocusout="formateaRUT(this);quitaBordeVerde('empresa-contenedor')" placeholder="Nombre Sistema/RUT Empresa" style="width:100%;background-color: #FFFFFF !important;font-size: 12px;" /> </div> </div> <img class="input-icon" id="empresa-icon" src="img/login/user.png"> </div> <div class="input-wrapper" > <div class="input-contenedor paso1" id="user-contenedor" style="padding-left:1px;padding-right:1px"> <div class="input"> <input type="text" name="user" id="user" onfocusin="bordeVerde('user-contenedor')" onfocusout="quitaBordeVerde('user-contenedor')" placeholder="Usuario" style="width:100%;background-color: #FFFFFF !important;font-size: 12px;" /> </div> </div> <img class="input-icon" id="user-icon" src="img/login/user.png"> </div> <div class="input-wrapper "> <div class="password-contenedor paso1" id="password-contenedor" style="padding-left:1px;padding-right:1px"> <div class="input"> <input type="password" class="password" onfocusin="bordeVerde('password-contenedor')" onfocusout="quitaBordeVerde('password-contenedor')" name="pass" id="pass" onkeypress="mayusActivo(this,'mayus')" placeholder="Clave" autocomplete="off" style="background-color: #FFFFFF !important;font-size: 12px;"/> </div> </div> <img class="input-icon " id="passwd-icon" src="img/login/pass.png"> <div id="divojo"><div><img id="imgojo" class="input-icon password input-icon-ojo" src="img/login/icono-ver2-gris.png"></div></div> </div> </div> <div style="min-width:26%;float:left;" id="contenedor-secundatio"> <center class="mayusAlert"><span id="mayus" style="font-size: 13px;color: #BE0303;display:none;">Tecla mayúscula activada</span></center> <button type="button" class="btn-inicio-sesion paso2" name="trigger" id="trigger" style="font-size:14px;font-family: 'Arial', sans-serif;border-width: 0;background-color:#019501;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;height:24px;width:100% !important; float: right; margin-bottom: 3px;" >Iniciar Sesión</button> </div> </div> <div id="recuperarpass" class="paso2" style="position:relative;pointer-events: none;"> <p class="RecuperarPassword" style="text-decoration:underline;font: 11px arial;color: #000000;" ><a href="javascript:xLog.RecuperaPWD()" style="cursor:pointer;font-size:11px;pointer-events: auto; color:black;font-weight: bold;">¿Olvidaste o bloqueaste tu clave?</a></p> </div> </form> <!--Fin loggin Acceso a sistema--> </div><!-- class formulario end --> <div style="background-color:#019501;position:fixed; top:0px; left:0px; opacity:0.8;z-index:11020;width:100%;height:100%;display:none;" id="divCanvas"> <canvas id="myCanvas" style="position:fixed; top:0px; left:0px;z-index:11021;padding-top:15px;"> </canvas> <div style="position:relative; z-index:11500; height:100%; "> <div id="ingresodemo_frase1" style="position:absolute; top:135px; text-align:center;display:none"> <p class="styletextodemo">Aquí se ingresan las credenciales</p> <p class="styletextodemo2">Nombre Sistema/RUT empresa - Usuario - Contraseña</p> </div> <div id="ingresodemo_frase2" style="position:absolute; top:145px;right:5px; text-align:center; display:none"> <p class="styletextodemo">Presiona Iniciar Sesión</p> <p class="styletextodemo2">para ingresar al sistema demo</p> </div> <div id="ingresodemo_continuar" style="position:absolute; bottom:62px; right:10px; text-align:center; background-image:url(img/icon_arrow.png);background-repeat: no-repeat;background-position: center right;padding-right: 60px;display:none"> <p class="styletextodemo">Haga click</p> <p class="styletextodemo">para continuar</p> </div> </div> </div> </div><!-- contenedor login flotante end --> </div><!--fin de acceso --> </div><!-- CONTENEDOR end --> </div><!-- header end --> <div class="sub subfix" style="cursor:pointer;background-attachment: fixed; background-position: 95px -30px;white-space:nowrap;" > <div class="contenedor1"> <a href="/#queesfacturacioncl" id="queesfacturacioncl-href" onclick="createLog('interaccion_web', 'CLICK [¿Qué es facturación.cl?]');"> <div id="contacto" class="botonbanner" style="background-color:#606060;justify-content: center;"> <p id ="primero" style="color:#f0f0f0;min-width: max-content;margin-left: 3px;">¿Qué es Facturacion.cl?</p> </div> </a> <a href="/#porqueelegirnos" id="porqueelegirnos-href" onclick="createLog('interaccion_web', 'CLICK [¿Por qué elegirnos?]');"> <div id="contacto" class="botonbanner" style="background-color:#707070;justify-content: center;"> <p style="color:#f0f0f0;">¿Por qué elegirnos?</p> </div> </a> <a href="#" onclick="entrardemo();" > <div id="contacto" class="botonbanner" style="background-color:#7F7F7F;text-align:center;justify-content: center;"> <img id="imagenfacturacion" src="img/Facturacion.png" class="imagenfacturacion" alt="Prueba Gratis" align="left" style="padding-top:5px;margin-left: 7px;margin-right:15px;"> <p id="textfacturacion" style="color:#f0f0f0;">Prueba Gratis</p> </div> </a> <a href="#social" onclick="createLog('interaccion_web', 'CLICK [Contáctenos]');"> <div id="contacto" class="botonbanner " style="background-color:#9F9F9F;text-align:center;justify-content: center;"> <img src="img/icono-telefono.png" class="imagensocial" alt="Contactenos" style="margin-right:5px;margin-left:10px;max-height:52px;height:auto;width:auto;"> <p style="color:#f0f0f0;text-align:center;min-width:7em;">Contáctenos</p> </div> </a> <a href="?compraonline" onclick="createLog('interaccion_web', 'CLICK [Cotiza y compra aquí]');"> <div id="contacto" class="botonbanner social2" style="background-color:#019501;text-align:center;justify-content: center;"> <img id="imagencompraonline" src="img/carritoblanco.png" class="imagencompraonline" alt="Cotiza y compra aqui" style="margin-right:15px;margin-left:10px;max-height:52px"> <p id="txtcompraonline" style="color:#f0f0f0;text-align:left;min-width:7em;width:100px;">Cotiza y<br>compra aquí</p> </div> </a> </div> <div class='menupais' id="paisesdesis"> <ul class="menu" id="menu"> <li id='respaldo'> <p> <img src="img/ico/minichile.png" alt=""><label><strong >Chile</strong></label> <img class="dropdown-flecha" src="img/ico/flecha-web.png" alt=""> </p> <ul> <li><a href="https://mx.facturacion.com/" class="minimexico">México</a></li> <li style="display:none;"><a href="https://co.facturacion.com/" class="minicolombia">Colombia</a></li> <li><a href="https://pe.facturacion.com/" class="miniperu">Perú</a></li> <li><a href="https://www.facturacion.cl" class="minichile">Chile</a></li> </ul> </li> </ul> </div> </div> </div> <div id="dialog1" title="" style="display: none;"> <p id='body_dialog'></p> </div> <div id="dialog2" title="" style="display: none;"> <p id='body_dialog2'></p> </div> <div id="dialogValidacionesForm" title="" style="display: none;"> <p id='body_dialog_validacion_form'></p> </div> <div id="mainCompra" role="main" > <style> .textoverde { color:#4CA834; } body { font-family: 'Archivo Narrow', sans-serif; } .txtverdeclaro { color:#96C626; } .botoninteresa { color : #ffffff; background-color: black; border : none; cursor : pointer; border-radius : 6px; width : 97px; margin-top : -11px; } /*POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175*/ .textocenter { text-align : center; width : 139%; margin-left: -177px; } /*FIN 4175*/ #ingresarut { display:none; } #webinar { display:none; } #reunion { display:none; } #overlay { display:none; } /*POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175*/ .text { font-weight : unset; opacity : 0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition : opacity 0.1s ease-in-out; -ms-transition : opacity 0.1s ease-in-out; transition : opacity 0.1s ease-in-out; text-align : left; } .text p { margin-top : 0; margin-bottom: 0; font-size : 14px; } p { font-weight: normal; } hr { margin-top : 8px; margin-bottom: 0; } img { -webkit-transition: all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; /*width : 87px*/ } .div-img { margin-left: 8px; } .img { margin-left: 24px; height: 56px; width: 160px; } /*fix icono login por Sandor*/ width: 160px; } .imagenicono { width: 87px } /*fin fix*/ @media screen and (max-width: 600px) { table { width:100%; } thead { display: none; } tr:nth-of-type(2n) { background-color: inherit; } tr td:first-child { font-weight: bold; font-size : 1.3em; } tbody td { display : block; text-align: center; } tbody td:before { content : attr(data-th); display : block; text-align: center; } #beneficios1 { margin-left: 9%; } #beneficios2 { margin-left: 24%; } .botoninteresa { margin-left: 112%; } #tabreunion { margin-top: 25%; } .formulario { margin-left: -662px; height : 333px !important; margin-top : -173px; } .rut { height: 229px !important; } #botonrut { margin-left:0; } .textocenter { text-align : center; width : 99%; margin-left: 0; } @-moz-document url-prefix() { .formulario { height: 402px !important; } .rut { height: 229px !important; } } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cuadro1 { margin-left:28%; } .cuadro2 { margin-left:20%; } .formularios { margin-left:31%; } } /*FIN 4175*/ </style> <body> <div class="textocenter" style="margin-top:20%;"> <b><h1>BIENVENIDO A <span class="textoverde">FACTURACION.COM</span></h1> <p>Estamos felices de darle la bienvenida a todos los usuarios de <span class="textoverde">FacturaChile</span> a quienes queremos transmitir nuestro <span class="textoverde">compromiso</span> de entregar el mejor servicio y ser un aliado para su empresa.<br><br> Queremos brindarle <span class="textoverde">tranquilidad y confianza</span> y poner toda nuestra experiencia a su disposición, ofreciendo una <span class="textoverde">plataforma de gestión</span> con más de 15 años en el mercado <br>que <span class="textoverde">evoluciona día a día</span> según la necesidad de nuestros más de 10.000 clientes.</p> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <br><h1>BENEFICIOS</h1> <p>Para nosotros lo más importante es la continuidad de sus operaciones y que conozca los diversos beneficios que tendrá al operar en Facturacion.com</p> <p><span class="textoverde">Módulos de gestión disponibles</span></p> <div style="text-align: -webkit-center;text-align: -moz-center;"> <table style="width:48%" id="beneficios1" class="cuadro1"> <tr> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadromaestros" onmouseover="javascript:muestraTexto('maestros')" onmouseout="javascript:ocultaTexto('maestros')"> <div class="div-img"> <div class="img" id="img-maestros"> <img style="margin-top:38px;" src="img/icono_maestros.png" id="imagenmaestros"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-maestros">Maestros</span></p> </div> <div class="text" id ="text-maestros"> <p>- Clientes y proveedores</p> <p>- Productos y servicios</p> <p>- Sucursales</p> <p>- Bodegas</p> <p>- Formas de pago</p> </div> </div> </div> </td> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadroventas" onmouseover="javascript:muestraTexto('ventas')" onmouseout="javascript:ocultaTexto('ventas')"> <div class="div-img"> <div class="img" id="img-ventas"> <img style="margin-top:38px;" src="img/icono_ventas.png" id="imagenventas"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-ventas">Ventas</span></p> </div> <div class="text" id="text-ventas"> <p>- Emisión de todo tipo de documentos</p> <p>- Venta con o sin código de productos</p> <p>- Gestión de apertura y cierre de caja</p> <p>- Facturación de guías de manera masiva</p> </div> </div> </div> </td> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadrocompras" onmouseover="javascript:muestraTexto('compras')" onmouseout="javascript:ocultaTexto('compras')"> <div class="div-img"> <div class="img" id="img-compras"> <img style="width:69px;margin-top:38px;" src="img/icono_compras.png" id="imagencompras"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-compras">Compras</span></p> </div> <div class="text" id="text-compras" style="margin-top: 5px;"> <p>- Visualización de sus documentos<br> recibidos</p> <p>- Acuse ante el SII individual y masivo</p> <p>- Sincronización automática con el SII</p> <p>- Registro de compras manuales</p> </div> </div> </div> </td> </tr> </table> <table id="beneficios2" style="width: 62%;" class="cuadro2"> <tr> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadroadministrador" onmouseover="javascript:muestraTexto('administrador')" onmouseout="javascript:ocultaTexto('administrador')"> <div class="div-img"> <div class="img" id="img-administrador"> <img style="margin-top:38px;" src="img/icono_administrador.png" id="imagenadministrador"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-administrador">Administrador</span></p> </div> <div class="text" id="text-administrador"> <p>- Creación de usuarios ilimitados</p> <p>- Personalización de accesos a cada<br> usuario</p> <p>- Gestión de folios (solicitud y anulación)</p> <p>- Cambio de plan mensual</p> <p>- Cesión de documentos</p> </div> </div> </div> </td> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadrocontabilidad" onmouseover="javascript:muestraTexto('contabilidad')" onmouseout="javascript:ocultaTexto('contabilidad')"> <div class="div-img"> <div class="img" id="img-contabilidad"> <img style="margin-top:38px;" src="img/icono_contabilidad.png" id="imagencontabilidad"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-contabilidad">Contabilidad</span></p> </div> <div class="text" id="text-contabilidad"> <p>- Visualización de sus libros de compra y<br> venta</p> <p>- Seguimiento de sus DTE emitidos y<br> recibidos</p> <p>- Reenvío a clientes</p> <p>- Libro de guías</p> </div> </div> </div> </td> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadrocuentas" onmouseover="javascript:muestraTexto('cuentas')" onmouseout="javascript:ocultaTexto('cuentas')"> <div class="div-img"> <div class="img" id="img-cuentas"> <img style="margin-top:35px;" src="img/icono_cuentascorrientes.png" id="imagencuentas"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-cuentas">Cuentas Corrientes</span></p> </div> <div class="text" id="text-cuentas"> <p>- Clientes y proveedores</p> <p>- Registro de pagos</p> <p>- Deudas por cliente</p> <p>- Gestión de cobranza</p> <p>- Gestión de anticipos y cheques a fecha</p> </div> </div> </div> </td> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;padding:5px;margin-bottom:20px;width:220px;height:185px;margin-right: 17px;text-align: center;" id="cuadroexistencias" onmouseover="javascript:muestraTexto('existencias')" onmouseout="javascript:ocultaTexto('existencias')"> <div class="div-img"> <div class="img" id="img-existencias"> <img style="margin-top:38px;" src="img/icono_cexistenciasybodega.png" id="imagenexistencias"/> <hr style="width:83%"> <p style="margin-top:0;font-weight: normal;"><span id="cambiocolor-existencias">Existencias y Bodega</span></p> </div> <div class="text" id="text-existencias" style="margin-top: 2px;"> <p>- Control de stock</p> <p>- Movimientos de bodegas</p> <p>- Saldos en cantidades y en valores</p> <p>- Emisión de guías de ajuste</p> <p>- Existencia mínima</p> </div> </div> </div> </td> </tr> </table> </div> <!--FIN 4175--> <br><h1>WEBINARS Y REUNIONES</h1> <p>Podrá participar en nuestros webinars semanales las veces que desee, y también podrá agendar una visita a nuestras dependencias para que lo atendamos presencialmente.<br><br> <span class="textoverde">Nuestro equipo está listo para resolver todas sus inquietudes.</span></p> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <div style="text-align: -webkit-center;text-align: -moz-center;" class="formularios"> <table style="width:1%"> <tr> <td style="width:0 !important"> <table style="width:34%;text-align:center"> <tr> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;border-radius:20px;padding:5px;margin-bottom:20px;width: 235px;"> <h2 class="txtverdeclaro"><strong>Webinars</strong></h2> <p class="large" style="line-height:30px;"><b>Comercial<br>Martes 15:30<br><br>Operacional<br>Jueves 17:00</b></p> </div> </td> </tr> <tr> <td> <button type="button" class="botoninteresa" onclick="javascript:mostrar('webinar')"> <p style="font-size:12px;margin-block-start: 8px;margin-block-end: 8px;">¡Me interesa!</p> </button> </td> </tr> </table> </td> <td> <table style="width:34%;text-align:center" id="tabreunion"> <tr> <td> <div class="col-lg-5 container text-center" style="background-color:#EFEFED;border-radius:20px;padding:5px;margin-bottom:20px;width: 235px;"> <h2 class="txtverdeclaro"><strong>Reuniones</strong></h2> <p class="large" style="line-height:30px;"><b>Comercial<br>Miércoles 10:00<br><br>Operacional<br>Viernes 17:00</b></p> </div> </td> </tr> <tr> <td> <button type="button" class="botoninteresa" onclick="javascript:mostrar('reunion')"> <p style="font-size:12px;margin-block-start: 8px;margin-block-end: 8px;">¡Me interesa!</p> </button> </td> </tr> </table> </td> </tr> </table> </div> <!--FIN 4175--> <br><br> <h1 style="font-size:30px">DEMO</span></h1> <p>Conozca nuestra plataforma desde cualquier lugar y en cualquier momento.</p> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <a href="https://www.facturacion.cl/demostracion/" target="_blank"><img src="img/desislog.PNG" alt="login" style="margin-top:6px;width:33%"></a> <!--FIN 4175--> <br><br><h1>QUIERO COMENZAR A UTILIZAR <span class="textoverde">FACTURACION.COM</span></h1> <p>Toda su información estará disponible en su nuevo sistema y su negocio no se detendrá en ningún momento.<br><br> No se preocupe, crear su sistema no impedirá que pueda continuar ingresando a la plataforma de Factura Chile.</p><br> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <button type="button" class="botoninteresa" id="botonrut" style="margin-bottom:14px" onclick="javascript:mostrar('rut')"> <!--FIN 4175--> <p style="font-size:12px;margin-block-start: 8px;margin-block-end: 8px;">Comenzar</p> </button> </b> </div> <div id="ingresarut"> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front formulario rut" tabindex="-1" role="dialog" aria-describedby="dilog_recomendacion" aria-labelledby="ui-id-2" style="height: auto; width: 500px; top: 300px; left: 697px; display: block; z-index: 101; position: fixed;"> <!--FIN 4175--> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="background: rgb(23, 132, 25);"> <span id="ui-id-2" class="ui-dialog-title">Ingreso de rut</span> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close" onclick="javascript:ocultar('rut')"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">Close</span> </button> </div> <div id="dilog_recomendacion" style="width: auto; min-height: 83px; max-height: none; height: auto;" class="ui-dialog-content ui-widget-content"> <form id="recomendacion" enctype="multipart/form-data"> <br> <label>Rut</label> <br> <input type="text" name="rut" id="enviarut" placeholder="Ej: 77.777.777-7" size="35"> <br><br> <div style="text-align:center"> <input type="button" id="enviar_rut" class="campo3" value="Enviar" onclick="javascript:enviarRut()"> </div> </form> </div> </div> </div> <div id="webinar"> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front formulario" tabindex="-1" role="dialog" aria-describedby="dilog_recomendacion" aria-labelledby="ui-id-2" style="height: auto; width: 500px; top: 250px; left: 697px; display: block; z-index: 101; position: fixed;"> <!--FIN 4175--> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="background: rgb(23, 132, 25);"> <span id="ui-id-2" class="ui-dialog-title">Participar en webinars</span> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close" onclick="javascript:ocultar('webinar')"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">Close</span> </button> </div> <div id="dilog_recomendacion" style="width: auto; min-height: 83px; max-height: none; height: auto;" class="ui-dialog-content ui-widget-content"> <form id="recomendacion" enctype="multipart/form-data"> <label>Nombre Contacto</label> <br> <input type="text" name="nombreweb" id="nombreweb" placeholder="Ej: Juan Riquelme" size="35"> <br> <label>Correo Electrónico</label> <br> <input type="text" name="correoweb" id="correoweb" placeholder="Ej: correo@ejemplo.cl" size="35"> <br> <label>Teléfono</label> <br> <input type="text" name="telefonoweb" id="telefonoweb" placeholder="Ej: +56987654321" size="35"> <br><br> <div style="text-align:center"> <input type="button" id="enviar_rut" class="campo3" value="Enviar" onclick="javascript:enviarCorreo('webinar')"> </div> </form> </div> </div> </div> </body> <div id="reunion"> <!--POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175--> <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front formulario" tabindex="-1" role="dialog" aria-describedby="dilog_recomendacion" aria-labelledby="ui-id-2" style="height: auto; width: 500px; top: 250px; left: 697px; display: block; z-index: 101; position: fixed;"> <!--FIN 4175--> <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="background: rgb(23, 132, 25);"> <span id="ui-id-2" class="ui-dialog-title">Asistir a reunión</span> <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close" onclick="javascript:ocultar('reunion')"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">Close</span> </button> </div> <div id="dilog_recomendacion" style="width: auto; min-height: 83px; max-height: none; height: auto;" class="ui-dialog-content ui-widget-content"> <form id="recomendacion" enctype="multipart/form-data"> <label>Nombre Contacto</label> <br> <input type="text" name="nombrereu" id="nombrereu" placeholder="Ej: Juan Riquelme" size="35"> <br> <label>Correo Electrónico</label> <br> <input type="text" name="correoreu" id="correoreu" placeholder="Ej: correo@ejemplo.cl" size="35"> <br> <label>Teléfono</label> <br> <input type="text" name="telefonoreu" id="telefonoreu" placeholder="Ej: +56987654321" size="35"> <br><br> <div style="text-align:center"> <input type="button" id="enviar_rut" class="campo3" value="Enviar" onclick="javascript:enviarCorreo('reunion')"> </div> </form> </div> </div> </div> </body> <div class="ui-widget-overlay ui-front" style="z-index: 100;" id="overlay"></div> </body> <script> function mostrar(elemento) { $(".ui-dialog-titlebar").show(); // cambio if (elemento == "rut") { document.getElementById("ingresarut").style.display = "block"; } else if (elemento == "webinar") { document.getElementById("webinar").style.display = "block"; } else if (elemento == "reunion") { document.getElementById("reunion").style.display = "block"; } document.getElementById("overlay").style.display = "block"; } function ocultar(elemento) { if (elemento == "rut") { document.getElementById("ingresarut").style.display = "none"; } else if (elemento == "webinar") { document.getElementById("webinar").style.display = "none"; } else if (elemento == "reunion") { document.getElementById("reunion").style.display = "none"; } document.getElementById("overlay").style.display = "none"; } function enviarRut() { var rut = document.getElementById("enviarut").value; // var parametros = { "rutempresa" : rut ,"comando" : "valida" }; $.ajax({ url: "migracion/validaRut.php", type: "get", data: parametros, cache: false }) .done(function(res) { rut = res; }); var parametros = { "rutempresa" : rut }; $.ajax({ url: "migracion/validaRut.php", type: "get", data: parametros, cache: false }) .done(function(res) { //alert(res); if(res == 'true'){ window.location.href = "?migracion&hash="+rut; }else{ alert("Cliente sin acceso."); } }); } function enviarCorreo(tipo) { if (tipo == "webinar") { var nombre = document.getElementById("nombreweb").value; var correo = document.getElementById("correoweb").value; var telefono = document.getElementById("telefonoweb").value; } else { var nombre = document.getElementById("nombrereu").value; var correo = document.getElementById("correoreu").value; var telefono = document.getElementById("telefonoreu").value; } var asunto = "Solicitud de "+tipo+" - FacturaChile"; var parametros = { "nombre" : nombre, "asunto" : asunto, "correo" : correo, "telefono" : telefono, "tipo" : tipo }; $.ajax({ url: "migracion.php", type: "post", data: parametros }) .done(function(res) { //alert(res); if(res == 'true'){ alert("Contacto enviado."); ocultar(tipo); }else{ alert("Problema al enviar contcato."); } }); } /*POR SANDOR CACERES EN FECHA 12/08/2019. MOTIVO: REQUERIMIENTO 4175*/ function muestraTexto(id) { var img = document.getElementById("imagen"+id); var textotitulo = document.getElementById("cambiocolor-"+id); var parrafos = document.getElementById("text-"+id); img.style.width = "25px"; img.style.marginTop = "0"; textotitulo.style.color = "#4CA834"; textotitulo.style.fontWeight = "bold"; textotitulo.style.fontSize = "13px"; parrafos.style.opacity = 1; } function ocultaTexto(id) { var img = document.getElementById("imagen"+id); var textotitulo = document.getElementById("cambiocolor-"+id); var parrafos = document.getElementById("text-"+id); if (id=="compras") { img.style.width = "69px"; } else { img.style.width = "87px"; } if (id=="cuentas") { img.style.marginTop = "35px"; } else { img.style.marginTop = "38px"; } textotitulo.style.color = ""; textotitulo.style.fontWeight = "normal"; textotitulo.style.fontSize = "18px"; parrafos.style.opacity = 0; } /*FIN 4175*/ </script> </div> <div id="main" role="main" > </div> <footer> <div id="dilog_social" title=""> <p id='body_dialog_social'></p> </div> <div class="contenedor"> <div class="socialfooter" id="social"> <h3 style="margin-bottom: 10px;" class="titulosocial">FACTURACION.CL</h3> <div class="contenedor-subtitulo"> <a class="subtitulo-footer" href="tel:+56229472800">Teléfono: (+56) 2 2947 2800</a> <a class="subtitulo-footer" href="mailto:contacto@facturacion.cl"> Email: contacto@facturacion.cl</a> <a class="subtitulo-footer info-Empresa">Facturacion.cl es un producto de DESIS LTDA. 2001 - 2025</a> </div> <br /> <br /> <div id="todo" style="background-color: #333"> <div id="contenedor-todo" style="width:55%;margin:auto"> <div class="footer-tabla1"> <table> <tr id='head_contacto'> <td><span class="titulosfooter">Información Corporativa</span></td> </tr> <tr> <td><span class='social texto-footer' id='compania'>Compañia</span></td> </tr> <tr> <td><span class='social texto-footer' id='nuestro_servicio'> Nuestro Servicio </span> </td> </tr> <tr> <td><span class='texto-footer' id='trabaja_nosotros' style="cursor:pointer; cursor: hand;">Trabaja con Nosotros</span> </td> </tr> <tr> <td><a class='texto-footer' href="/ayuda/?id=1"><span id='preguntas_frecuentes'> Preguntas Frecuentes</span></a> </td> </tr> </table> </div> <div class="footer-tabla2"> <table> <tr id='head_contacto'> <td><span class="titulosfooter">Módulos Básicos</span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_maestro'> Módulo Maestros </span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_compras'> Módulo Compras</span> </td> </tr> <tr> <td><span class='social texto-footer' id='modulo_ventas'> Módulo Ventas</span> </td> </tr> <tr> <td><span class='social texto-footer' id='modulo_contabilidad'> Módulo Contabilidad</span> </td> </tr> <tr> <td><span class='social texto-footer' id='modulo_admintrador'> Módulo Administrador</span> </td> </tr> <tr> <td> <div> </div> </td> </tr> </table> </div> <div class="footer-tabla3"> <table> <tr id='head_contacto'> <td><span class="titulosfooter">Módulos Adicionales</span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_remuneraciones'> Módulo Remuneraciones</span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_cuenta_corrientes'>Módulo Cuentas Corrientes </span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_existencias'> Módulo Existencias</span> </td> </tr> <tr> <td><span class='social texto-footer' id='modulo_comercial'> Módulo Comercial</span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_centro_costo'>Módulo Centro de Costos</span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_contabilidad2'> Módulo Contabilidad </span></td> </tr> <tr> <td><span class='social texto-footer' id='modulo_contratos_clientes'> Módulo Contratos Clientes</span> </td> </tr> </table> </div> <div class="footer-tabla4"> <table> <tr id='head_contacto'> <td id="td-validaciones"><span class="titulosfooter">Validaciones</span></td> </tr> <tr> <td> <a class="texto-footer" href="#" id='consultar-boletas'> <span>Valida tu Boleta Electronica</span> </a> </td> </tr> <tr> <td> <a class="texto-footer" href="https://www.facturacion.cl/verificaimpresora" target="_blank"> <span>Compatibilidad Impresoras</span> </a> </td> </tr> </table> </div> <div class="footer-tabla5"> <table> <tr id='head_contacto'> <td><span class="titulosfooter">Certificado Digital</span></td> </tr> <tr> <td> <a class="subtitulo_footer" id='consultar-informacion'> <span class='social texto-footer' id='cd-informacion'>Información</span> </a> </td> </tr> </table> </div> <div class="footer-tabla6"> <div id="iconos" title="iconos"> <a href="http://www.desis.cl" id="rs1" target="_blank"> <img src="img/desis2.png" alt="Desis Ltda." style="margin-bottom: -9px; width:25px; padding-right:4px;" /> </a> <a href="http://fb.com/www.facturacion.cl" id="rs2" target="_blank"> <img src="img/facebook2.png" alt="facturacion.cl." style="margin-bottom: -9px;width:25px;padding-right:4px;" /> </a> <a href="https://www.instagram.com/facturacion.cl/?hl=esl" id="rs3" target="_blank"> <img src="img/icono-instagram-web.png" alt="facturacion.cl." style="margin-bottom: -9px;width:25px;padding-right:4px;" alt="Instagram Facturacion.cl" /> </a> <a href="https://cl.linkedin.com/company/facturacion-cl" id="rs4" target="_blank"> <img src="img/icono-linkedin-web.png" alt="facturacion.cl." style="margin-bottom: -9px;width:25px;padding-right:4px;" alt="Linkedin Facturacion.cl" /> </a> </div> </div> <div class="footer-tabla7"> <table class="tabla_contacto3"> <tr id='head_contacto-formulario'> <td style="text-align: left;"><span class="titulosfooter">Contáctenos</span><br /><span class="contact">Complete el formulario, lo contactaremos a la brevedad</span></td> </tr> <tr> <td style="text-align: left;"> <form method="post" id='Form_Contacto'> <input type="hidden" name="idcontactowebformulario" id="idcontactowebformulario"> <div class="form"> <input type="text" class="campo" maxlength="12" onBlur="formateaRUT(this)" onkeypress="javascript:return (validarNumLetras(event))" name="rutempresa" id="RUT_Empresa" placeholder="RUT Empresa (opcional)" /> </div> <div class="form"><input type="text" class="campo" name="nombre" id="name_contacto" placeholder="Nombre"> </div> <div class="form"> <div id="telefono-contacto" class="form" style="margin-top: 2.55px;"> <input type="text" id="phone_contacto" name="phone_contacto" style="background-color: #484848; color: white; border: none; height: 23.3px;" class="campo" onkeypress="validaTelefono(event)" placeholder="Teléfono" value="+56"> <link rel="stylesheet" href="componente/telefono/css/style.css?v=23.06.28"> <script src="componente/telefono/js/intlTelInput.js?v=23.06.28" charset="UTF-8"></script> <script> var inputphone_contacto = document.querySelector("#phone_contacto") var itiphone_contacto = window.intlTelInput(inputphone_contacto, { utilsScript: "componente/telefono/js/utils.js", separateDialCode: true, initialCountry: "cl", preferredCountries: ["cl", "pe", "co", "ar", "br", "es"], }) inputphone_contacto.setAttribute('dial', itiphone_contacto.getSelectedCountryData().dialCode) inputphone_contacto.addEventListener("countrychange", function() { document.getElementById('phone_contacto').focus() inputphone_contacto.setAttribute('dial', itiphone_contacto.getSelectedCountryData().dialCode) }); </script> </div> </div> <div class="form"> <input type="email" class="campo" name="email" id="email_contacto" placeholder="Correo Electrónico" /> </div> <div class="form" style="text-align: left !important;"><span class="tipomensaje">Tipo de Contacto:</span> <select id="tipo_mensaje" name="tipo_mensaje" placeholder="Tipo de Contacto"> <option value="COTIZACION">Cotización</option> <option value="CONSULTA" selected>Consulta</option> <option value="FELICITACIONES">Felicitaciones</option> <option value="RECLAMO">Reclamos</option> </select> </div> <div class="form"> <textarea class="Obligatorio campo" name="txtMensajecontacto" id="message_contacto" placeholder="Mensaje" style="margin-top: 3px;margin-bottom: 4px;margin-left: 0px; "></textarea> </div> <div class="actions"> <input type="button" class="campo4 btn_enviar_form" id='EnviarContacto' value="Enviar" /> </div> </form> </td> </tr> </table> </div> </div> <div id="footer_fmd" class="final"> <div class="ajustefooter"> <div id="dilog_trabaja_nosotros" title="Trabaja con nosotros" style="display: none;"> <form id='trabaje_nosotros' enctype="multipart/form-data"> <label>Nombre Completo</label> <br /> <input type="text" name="nombre_completo" id='nombre_completo' placeholder='Ej: Juan Riquelme' size="35"> <br /><br /> <label>Télefono de contacto</label><br /> <input type="text" name="tlf" id='tlf' placeholder='Ej: +5699777777' size="35"> <br /><br /> <label>Email de contacto</label> <br /> <input type="text" name="email" id='email' placeholder='Ej: email@contacto.com' size="35"> <br /><br /> <label>Área de interés</label> <br /> <input type="text" name="area" id='area' placeholder='Ej: Informática' size="35"> <br /><br /> <label>Carga tu CV</label> <br /> <input type="file" name="cv" id='cv' style="width: 330px;"> <br /> <br /> <div style="text-align:center"> <input style="background-color: rgb(68, 68, 68);" type="button" id='enviar_trabaje_nosotros' class="campo3" value="ENVIAR" /> </div> </form> </div> </div> </div> </div> </div> </footer><div id="modal-consultar-boletas" title="Valida tú Boleta" style="display: none;"> <div> <label>RUT Empresa</label> <br> <input type="text" name="vbrutempresa" id="vbrutempresa" class="vbinput" placeholder="Ej: 17.777.777-K"> </div> <div> <label>Documento</label> <br> <select class="vbinput" name="vbtipodocumento" id="vbtipodocumento"> <option value="39" selected="selected">BOLETA ELECTRONICA</option> <option value="41">BOLETA EXENTA ELECTRONICA</option> </select> </div> <div> <label>Folio</label> <br> <input type="text" name="vbfolio" id="vbfolio" class="vbinput" onkeypress="return ValidarNumeros(event,this);" placeholder="Ej: 123"> </div> <div> <label>Fecha Emisión</label> <br> <input type="text" name="vbfechaemision" id="vbfechaemision" readonly="readonly" class="vbinput" placeholder="Ej: 03-03-2018"> </div> <div> <label>Monto Total</label> <br> <input type="text" name="vbmontototal" id="vbmontototal" class="vbinput" onkeypress="return ValidarNumeros(event, this);" placeholder="Ej: 123"> </div> <div style="text-align: center;"> <input type="button" class="btn_enviar" value="VALIDAR" id="vbvalidardocumento"> </div> <div id="vbmessageerror" class="vbmessage error"></div> <div id="vbmessagesuccess" class="vbmessage success" style="display:none"> <a href="#" id="vblinkboleta" style="font-size: 16px;" target="_blank"> <img src="img/pdf.gif" alt="Ver Boleta Asociada" title="descargar" style="width: auto;" /> Ver Boleta Asociada </a> </div> </div> <div id="confirmaContacto" title="Gracias." > <BR /> <h3 style="margin-bottom: -4px;font-size: 1em;font-style: italic;">Gracias por contactarse con nosotros. </h3><BR /> <h3 style="margin-bottom: -4px;font-size: 1em;font-style: italic;">Si desea cotizar nuestro servicio ingrese <a id="urlcotiza" href="#">aquí</a></h3> </div> <form style="display:none" id="redirigirCotizaContactenos" action="https://www.facturacion.cl/?compraLinea" method="post"> <input type="hidden" id="hashformcontactenos" name="hashformcontactenos" value=""> </form> <script type="text/javascript"> function googleTagCrearCotizacion () { try { gtag('event','cotizacion', { 'event_category':'cotizacion', 'event_label':'paginacotizacion' }); gtag('event', 'conversion', {'send_to': 'AW-984260849/wYQ0CJeDiL0ZEPHBqtUD'}); } catch (ex) { console.log(ex); } } function googleTagDemo() { try { gtag('event','demo', { 'event_category':'demo', 'event_label':'paginademo' }); } catch (ex) { console.log(ex); } } function googleTagPago () { try { gtag('event','pago', { 'event_category':'pago', 'event_label':'pagorealizado' }); gtag('event', 'conversion', { 'send_to': 'AW-984260849/zX3uCJqDiL0ZEPHBqtUD', 'transaction_id': '' }); } catch (ex) { console.log(ex); } } function googleTagFormFooter () { try { gtag('event','form_footer', { 'event_category':'form_footer', 'event_label':'envio_form' }); gtag('event', 'conversion', {'send_to': 'AW-984260849/UhS1CJ2DiL0ZEPHBqtUD'}); } catch (ex) { console.log(ex); } } </script> <script type="text/javascript"> let telefonoInput = document.getElementById('phone_contacto'); if(telefonoInput.value != ""){ telefonoInput.value = ""; itiphone_contacto.setCountry('cl'); } function validaTelefono(event) { let keyPressed = String.fromCharCode(event.which); let prefijo = itiphone_contacto.selectedCountryData.dialCode; let validacionLargo = (prefijo == 56) ? 9 : 15; if (!/^\d+$/.test(keyPressed) || telefonoInput.value.length >= validacionLargo) { event.preventDefault(); } } var divojo = document.getElementById("divojo"); var imgojo = document.getElementById("imgojo"); function bordeVerde(elemento) { var borde = document.getElementById(elemento); borde.style.border = "1px solid #77d247"; } function quitaBordeVerde(elemento) { var borde = document.getElementById(elemento); borde.style.border = "1px solid #FFFFFF"; } divojo.onclick = function(){ var passwordInput = document.getElementById("pass").type; if (passwordInput == "password") { document.getElementById("pass").type = "text"; imgojo.src ="img/login/icono-ver-gris.png"; }else{ document.getElementById("pass").type = "password"; imgojo.src ="img/login/icono-ver2-gris.png"; } }; /* (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-276938-2', 'auto'); ga('send', 'pageview'); */ try { var xLog = new LOGIN("xLog"); } catch(ex) { alert(ex); document.getElementById("trigger").disabled = true; } $("#confirmaContacto").dialog({ //create dialog, but keep it closed autoOpen: false, height: 250, width: 450, closeOnEscape: true, modal: true, buttons: { "Cerrar": function() { $( this ).dialog( "close" ); } } }); $(".ui-dialog-titlebar").hide(); $('#trabaja_nosotros').click(function(){ var x = jQuery(this).position().left + jQuery(this).outerWidth(); var y = jQuery(this).position().top - jQuery(document).scrollTop(); $( "#dilog_trabaja_nosotros" ).dialog({ width:500, top:50, modal: true, draggable: false }); $('.ui-dialog .ui-widget-header').css('background','#444'); $('.ui-dialog').css('position','fixed'); $('.ui-dialog').css('top','10px'); $('.ui-dialog').css('z-index', '2001'); $('#enviar_trabaje_nosotros').click(function(e){ e.preventDefault(); e.stopImmediatePropagation(); var f = $(this); var formData = new FormData(document.getElementById("trabaje_nosotros")); var _validFileExtensions = [".doc", ".pdf" ]; var msg_error=''; if($('#nombre_completo').val().length == 0 ){ msg_error+='Nombre Completo es obligatorio\n'; } var tlf = $('#tlf').val(); /*if (tlf.length == 0) { msg_error+='Telefóno de contacto es incorrecto\n'; }*/ if( !(/^[+]\d{9,11}$/.test(tlf)) ) { msg_error+='Teléfono debe tener el formato +5699777777\n'; } var corre_contacto = $('#email').val(); if(corre_contacto.indexOf('@', 0) == -1 || corre_contacto.indexOf('.', 0) == -1) { msg_error+='Mail de contacto es incorrecto\n'; } if($('#area').val().length == 0 ) msg_error+='Area de interés es obligatorio\n'; if(msg_error==''){ if($('#cv').val()!=''){ if(Validate('#cv',_validFileExtensions)){ $.ajax({ url: "trabaja_nosotros.php", type: "post", dataType: "html", data: formData, cache: false, contentType: false, processData: false, position: [x,y] }) .done(function(res){ var errorajax = res.split('~'); if (errorajax[0] == "ERROR"){ alert (errorajax[1]); }else{ alert(res); $( "#dilog_trabaja_nosotros" ).dialog( "close" ); } }); } } else { alert('El campos CV es obligados'); } } else { alert(msg_error); } }); }); $('#EnviarContacto').click(function(e){ e.preventDefault(); e.stopImmediatePropagation(); document.getElementById("EnviarContacto").disabled = true; var f = $(this); var formData = new FormData(document.getElementById("Form_Contacto")); var msg_error=''; if($('#tipo_mensaje').val() == 'RECLAMO' && $('#RUT_Empresa').val().trim().length == 0 ){ document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo RUT Empresa es obligatorio'); return; } else { if($('#RUT_Empresa').val().trim().length > 0 && ValidarRut($('#RUT_Empresa').val()) == false){ document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo RUT Empresa es incorrecto','Campo Incorrecto'); return; } } if($('#name_contacto').val().length == 0 ){ document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo Nombre es obligatorio'); return; } var tlf = $('#phone_contacto').val(); if (tlf.length == 0) { document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo Teléfono es obligatorio'); return; } if (itiphone_contacto.selectedCountryData.dialCode == 56) { if( !(/^\d{9}$/.test(tlf)) ) { document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'Debe ingresar un teléfono válido, con formato de 9 dígitos numéricos','Campo Incorrecto'); return; } } else { if( !(/^\d{1,15}$/.test(tlf)) ) { document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'Debe ingresar un teléfono válido, con formato de máximo 15 dígitos numéricos','Campo Incorrecto'); return; } } var corre_contacto = $('#email_contacto').val(); if(corre_contacto.length == 0) { document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo Email es obligatorio'); return; } if(!validar_email(corre_contacto) ){ document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo Email es incorrecto ','Campo Incorrecto'); return; } if($('#message_contacto').val().length == 0 ) { document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; mensajeDialogo( 'El campo Mensaje es obligatorio'); return; } if(msg_error==''){ $.ajax({ url: "semilla.php", type: "post", dataType: "html", cache: false, contentType: false, processData: false, }) .done(function(ressem) { var formData = new FormData(document.getElementById("Form_Contacto")); formData.append('telefono', "+"+itiphone_contacto.selectedCountryData.dialCode+$('#phone_contacto').val()); formData.append('hvalida', ressem); $.ajax({ url: "contactenos.php", type: "post", dataType: "html", data: formData, cache: false, contentType: false, processData: false, }) .done(function(res){ var respuesta = JSON.parse(res); if (respuesta["titulo"] == "ERROR"){ alert (respuesta["mensaje"]); } else if (respuesta["titulo"] == "SISTEMA") { try { top.googleTagFormFooter(); } catch (ex1) {} title = respuesta["titulo"]+" : "+respuesta["sistema"]; if(respuesta["tipomensaje"] == 'RECLAMO'){ document.getElementById("idcontactowebformulario").value = respuesta["idcontactoweb"]; } body_dialog = '\ <div style="font-size: 18px;text-align: left;">Le recordamos que el canal de consultas para nuestros clientes es a través de su sistema en la opción Ayuda.</div><br>\n\ <div style="font-size: 18px;text-align: left;">Atenderemos su solicitud a través de una Orden de Trabajo, la cual podrá revisar desde su sistema en la opción Ayuda -> Consultar Orden de Trabajo<br></div>\n\ <div style="text-align:center;margin-top: 30px;">\n\<input type="button" style="width:100px" onclick="ingresarOT()" class="campo3" value="Aceptar"></div>\n\ <div style="font-size: 18px;text-align:center;text-decoration:underline"><a style="font-size: 18px;text-align: center;" href="#" onclick="javascript:xLog.RecuperaPWD();">¿Olvidaste o bloqueaste tu contraseña?</a></div>'; $("#empresa").val(respuesta["sistema"]); $("#body_dialog").css('margin-top', '0px'); $("#body_dialog").css('margin-bottom', '0px'); $("#body_dialog").html(body_dialog); $('#dialog1 .ui-dialog .ui-widget-header').css('background', '#178419'); $("#dialog1").dialog({ 'min-width': 130, modal: true, }); $(".ui-dialog-title").css('width', '100%'); $(".ui-dialog-title").html(title); $('.ui-dialog .ui-widget-header').css('background', '#178419'); $('.ui-dialog').css('width', '33%'); $('.ui-dialog').css('margin-top', '-7%'); $('.ui-dialog').css('margin-left', '-9%'); $('.ui-dialog').css('text-align', 'center'); } else { try { top.googleTagFormFooter(); } catch (ex1) {} var name_contacto = $('#name_contacto').val(); var email_contacto = $('#email_contacto').val(); var telefono_contacto = "+"+itiphone_contacto.selectedCountryData.dialCode+$('#phone_contacto').val(); var rut_empresa = respuesta["rutempresa"]; if (rut_empresa==null) { rut_empresa=""; } var razons_empresa = respuesta["razonsocial"]; var giro_empresa = respuesta["giro"]; var direccion_empresa = respuesta["direccion"]; var clienteexistente = respuesta["clienteexistente"]; document.getElementById("Form_Contacto").reset(); $("#phone_contacto").val(""); itiphone_contacto.setCountry('cl'); document.getElementById("idcontactowebformulario").value = null; title = respuesta["titulo"]; if (clienteexistente == true){ body_dialog = '\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">¡Su mensaje ha sido enviado exitosamente! </h3>\n\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">Nos pondremos en contacto con usted a la brevedad. </h3>\n\ \n\ <div style="text-align:center;margin-top: 20px;"><input type="button" onclick="$('+"'"+'#dialog1'+"'"+').dialog('+"'"+'close'+"'"+');" class="campo3" value="Aceptar"></div>'; } else { if (respuesta.tipomensaje == "CONSULTA") { body_dialog = '\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">¡Su mensaje ha sido enviado exitosamente! </h3>\n\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">Nos pondremos en contacto con usted a la brevedad. </h3>\n\ <h3 style="margin-bottom: 30px;font-size: 18px;text-align: center;">¿Desea realizar una cotización? </h3>\n\ <div style="text-align:center;"><button class="campo3" role="link" onclick="window.location=\'/?compraLinea&contactocl='+name_contacto+'&correocl='+email_contacto+'&rutempresa='+rut_empresa+'&razonempresa='+razons_empresa+'&giroempresa='+giro_empresa+'&direccionempresa='+direccion_empresa+'&telefonoempresa='+telefono_contacto.replace('+', '')+'\'">Si</button>\n\ <input type="button" onclick="$('+"'"+'#dialog1'+"'"+').dialog('+"'"+'close'+"'"+');" class="campo3" value="No"></div>'; } else if (respuesta.tipomensaje == "FELICITACIONES") { body_dialog = '\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">¡Muchas gracias! ¡Su mensaje ha sido enviado exitosamente! </h3>\n\ <h3 style="margin-bottom: 30px;font-size: 18px;text-align: center;">¿Desea realizar una cotización? </h3>\n\ <div style="text-align:center;"><button class="campo3" role="link" onclick="window.location=\'/?compraLinea&contactocl='+name_contacto+'&correocl='+email_contacto+'&rutempresa='+rut_empresa+'&razonempresa='+razons_empresa+'&giroempresa='+giro_empresa+'&direccionempresa='+direccion_empresa+'&telefonoempresa='+telefono_contacto.replace('+', '')+'\'">Si</button>\n\ <input type="button" onclick="$('+"'"+'#dialog1'+"'"+').dialog('+"'"+'close'+"'"+');" class="campo3" value="No"></div>'; } else if (respuesta.tipomensaje == "RECLAMO") { body_dialog = '\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">¡Su mensaje ha sido enviado exitosamente! </h3>\n\ <h3 style="margin-bottom: -4px;font-size: 18px;text-align: center;">Nos pondremos en contacto con usted a la brevedad. </h3>\n\ <div style="text-align:center;margin-top: 30px;">\n\<input type="button" style="width:100px" onclick="$('+"'"+'#dialog1'+"'"+').dialog('+"'"+'close'+"'"+');" class="campo3" value="Aceptar"></div>'; } else if (respuesta.tipomensaje == "COTIZACION"){ document.getElementById("hashformcontactenos").value = respuesta["hashcot"]; document.getElementById("redirigirCotizaContactenos").submit(); return; } } $("#body_dialog").html(body_dialog); $('#dialog1 .ui-dialog .ui-widget-header').css('background', '#178419'); $("#dialog1").dialog({ 'min-width': 130, modal: true, }); $(".ui-dialog-title").html(title); $('.ui-dialog .ui-widget-header').css('background', '#178419'); $('.ui-dialog').css('width', '33%'); $('.ui-dialog').css('margin-top', '-7%'); $('.ui-dialog').css('margin-left', '-9%'); } document.getElementById("EnviarContacto").disabled = false; }); }); } else { document.getElementById("EnviarContacto").disabled = false; document.getElementById("idcontactowebformulario").value = null; alert(msg_error); } }); function ingresarOT() { $.ajax({ url: "semilla.php", type: "post", dataType: "html", cache: false, contentType: false, processData: false, }) .done(function(ressem) { var formData = new FormData(document.getElementById("Form_Contacto")); formData.append('telefono', "+"+itiphone_contacto.selectedCountryData.dialCode+$('#phone_contacto').val()); formData.append('hvalida', ressem); $('#dialog1').dialog('close'); $.ajax({ url: "ingresarot.php", type: "post", dataType: "html", data: formData, cache: false, contentType: false, processData: false, }) .done(function(res) { var respuesta = JSON.parse(res); document.getElementById("idcontactowebformulario").value = null; if (respuesta["titulo"] == "ERROR"){ alert(respuesta["mensaje"]); } else { document.getElementById("Form_Contacto").reset(); title = respuesta["titulo"]; body_dialog = '\ <br><div style="font-size: 18px;text-align: center;"><b>Su orden de trabajo N°'+respuesta["mensaje"]+'</b></div>\n\ <div style="font-size: 18px;text-align: center;"><b>fue ingresada con exito</b></div>\n\ <div style="text-align:center;margin-top: 30px;">\n\<input type="button" style="width:100px" onclick="$('+"'"+'#dialog1'+"'"+').dialog('+"'"+'close'+"'"+');" class="campo3" value="Aceptar"></div><br>'; $("#body_dialog").html(body_dialog); $('#dialog1 .ui-dialog .ui-widget-header').css('background', '#178419'); $("#dialog1").dialog({ 'min-width': 130, modal: true, }); $(".ui-dialog-title").css('width', '100%'); $(".ui-dialog-title").html(title); $('.ui-dialog .ui-widget-header').css('background', '#178419'); $('.ui-dialog').css('width', '33%'); $('.ui-dialog').css('margin-top', '-7%'); $('.ui-dialog').css('margin-left', '-9%'); $('.ui-dialog').css('text-align', 'center'); } document.getElementById("Form_Contacto").reset(); $("#phone_contacto").val(""); itiphone_contacto.setCountry('cl'); }); }); } </script> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-276938-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-276938-2'); </script> [if lt IE 7 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script> <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script> <![endif]--> <script type='text/javascript'> let mostrarcoverscreen=null function validarNumLetras(e) { tecla = (document.all) ? e.keyCode : e.which; if (tecla==8) return true; patron =/([a-zA-Z0-9])|([.])|(-)/; te = String.fromCharCode(tecla) return patron.test(te); } window.onscroll = poslogin; function poslogin() { var cuerpo = document.body.getBoundingClientRect(); var log = document.getElementById("acceso"); var header = document.getElementsByClassName("headerfix"); var sub = document.getElementsByClassName("subfix"); if (cuerpo.top == 0 && cuerpo.width >= 1024) { log.style.marginTop = '42px'; header[0].style.position = ''; header[0].style.top = '42px'; sub[0].style.position = ''; sub[0].style.top = '46px'; } else { log.style.marginTop = '0'; header[0].style.top = '0px'; header[0].style.position = ''; sub[0].style.top = '0px'; sub[0].style.position = ''; } } poslogin(); var selectTipoMensaje=document.querySelector("#tipo_mensaje"); var inputRUTEmpresa=document.querySelector("#RUT_Empresa"); selectTipoMensaje.addEventListener("change",function(){ var opcional=selectTipoMensaje.value =="RECLAMO"?"":"(opcional)"; inputRUTEmpresa.placeholder="RUT Empresa "+opcional; document.getElementById("EnviarContacto").value = selectTipoMensaje.value =="COTIZACION"?"Cotizar":"Enviar"; }); window.addEventListener('load', function() { if('' == true ){ entrardemo(); } }); let setTimeInicio = null; function entrardemo(){ createLog('interaccion_web', 'CLICK [Prueba Gratis]'); if($("#acceso:visible").length == 0 || '' == true){ if( '' == true){ window.location.href = "https://www.facturacion.cl/index.php?desdecompralinea=true"; }else{ cerrar_animacion(); window.open("https://www.facturacion.cl/demo/"); } return; }else{ window.scrollTo(0,0); clearTimeout(mostrarcoverscreen); setTimeInicio = setTimeout(function() { iniciarAnimation(); }, 100); } } let canvas = document.getElementById('myCanvas'); let context = canvas.getContext('2d'); let width = null; let height = null; let animationFrame; let rectWidth = null; let rectHeight = null; let tipoContenedor = 0; let escribir_empresa =null; let escribir_usuario=null; let escribir_clave=null; let paso_final = null; let iteracion = 1; let credencialesDemo= 'demo'; let speed = 100; function iniciarAnimation() { clearTimeout(setTimeInicio); document.body.style.overflowY = "hidden"; document.body.style.overflowX = "hidden"; $('.ui-dialog').css('z-index','300'); // se les asigna zIndex para que puedan se puedan ver sobre el canvas let pasouno = document.getElementById("contenedor-primario"); let titulouno= document.getElementById("tituloAccesosistema"); let pasodos = document.getElementById("contenedor-secundatio"); let recupass = document.getElementById("recuperarpass"); pasouno.style.zIndex = "11022"; titulouno.style.zIndex = "11023"; pasodos.style.zIndex = "10019"; recupass.style.zIndex = "10019"; // obtengo el width de la pantalla y se lo asigno al canvas width = window.innerWidth || document.documentElement.clientWidth; height= window.innerHeight || document.documentElement.clientHeight; rectWidth = Math.max(width, height); rectHeight= rectWidth; canvas.width = width; canvas.height = height; //document.getElementById("recuperarpass").removeAttribute("onclick"); document.getElementById("empresa").value =""; document.getElementById("user").value =""; document.getElementById("pass").value =""; document.getElementById("empresa").readOnly = true; document.getElementById("user").readOnly = true; document.getElementById("pass").readOnly = true; document.getElementById("divCanvas").style.display = "block"; document.getElementById("ingresodemo_frase1").style.display = "block"; document.getElementById("ingresodemo_frase2").style.display = "none"; document.getElementById("ingresodemo_continuar").style.display = "block"; posicionPasouno(); tipoContenedor = 0; // ejecuto funcion que realiza la animacion animateOverlay(); // ejecuto las funciones timeOut para el tipeo de los datos de inicio de sesion escribir_empresa=setTimeout(function() { document.getElementById("empresa").value =""; typeWriter_empresa(); }, 1000); escribir_usuario=setTimeout(function(){ document.getElementById("user").value =""; typeWriter_usuario(); }, 3000); if($("#pass").attr("type")=="password"){ $("#divojo").trigger("click"); } escribir_clave=setTimeout(function(){ document.getElementById("pass").value =""; typeWriter_clave(); }, 5000); //despuuess de 10 segundos se ejecuta la segunda animacion paso_final = setTimeout(function() { paso_dos(); },10000); } let centrarRectanguloBlanco = false; function animateOverlay() { //obtengo el width y height de los contenedores let content = document.getElementById('contenedor-primario').getBoundingClientRect(); let content2 = document.getElementById('contenedor-secundatio').getBoundingClientRect(); let conteOldvistastecalve = document.getElementById('recuperarpass').getBoundingClientRect(); // obtenemos el width y heidht de los contenedores de los inputs de login y boton iniciar sesion let targetWidth = tipoContenedor == 0 ? content.width : (content2.width > conteOldvistastecalve.width?content2.width : conteOldvistastecalve.width); let targetHeight = tipoContenedor == 0 ? content.height : content2.height; // obtenemos el left y top de los contenedores de los inputs de login y boton iniciar sesion let targetX = tipoContenedor == 0 ? content.left : (content2.width > conteOldvistastecalve.width? content2.left : conteOldvistastecalve.left ); let targetY = tipoContenedor == 0 ? content.top : content2.top; let dx = (targetWidth - rectWidth) / 7; let dy = (targetHeight - rectHeight) / 7; let divisorContext = tipoContenedor == 0? 1.29 : 1.01; // variable de resta x y para el calculo de la animacion let restaX = tipoContenedor == 0? 4 : 5 ; let restaY = tipoContenedor == 0? 40 : 30; // variable de suma al width y height para que se pocicione bien el rectangulo blanco let sumaWidth = tipoContenedor == 0? 3 : 10; let sumaHeight = tipoContenedor == 0? 40 : 45; if(width < "840"){ divisorContext = 2; sumaWidth = 3; sumaHeight = tipoContenedor == 0? 45 : 10; restaX = 2; restaY = tipoContenedor == 0? 45 : 10; } rectWidth += dx; rectHeight += dy; if (Math.abs(rectWidth - targetWidth) < 5 && Math.abs(rectHeight - targetHeight) < 5) { rectWidth = targetWidth; rectHeight = targetHeight; // pintarcanvas(targetX, targetY, rectWidth, rectHeight,10); centrarRectanguloBlanco = true; } else { animationFrame = requestAnimationFrame(animateOverlay); } context.fillStyle = "white"; context.clearRect(0, 0, canvas.width, canvas.height); // Calculo para la posicion del rectangulo blanco y que la animacion inicie desde toda la pantalla if(centrarRectanguloBlanco == false){ pintarcanvas(((canvas.width - (Math.abs(rectWidth)))/divisorContext)-restaX , targetY-restaY, rectWidth+sumaWidth, rectHeight+sumaHeight , 10); }else{ pintarcanvas(targetX-restaX , targetY-restaY, rectWidth+sumaWidth, rectHeight+sumaHeight , 10); } } function pintarcanvas(x, y ,width ,height, radius){ context.beginPath(); context.moveTo(x+radius , y); context.arcTo(x+width, y , x+width , y+height , radius); context.arcTo(x+width, y+height , x , y+height , radius); context.arcTo(x, y +height , x , y , radius); context.arcTo(x, y , x+width , y , radius); context.closePath(); context.fill(); } function paso_dos(){ let pasouno = document.getElementById("contenedor-primario"); let titulouno= document.getElementById("tituloAccesosistema"); let pasodos = document.getElementById("contenedor-secundatio"); let recupass = document.getElementById("recuperarpass"); pasouno.style.zIndex = "10019"; titulouno.style.zIndex = "10019"; pasodos.style.zIndex = "11023"; recupass.style.zIndex = "11022"; document.getElementById("ingresodemo_frase1").style.display = "none"; document.getElementById("ingresodemo_frase2").style.display = "block"; document.getElementById("ingresodemo_continuar").style.display = "none"; tipoContenedor+=1; centrarRectanguloBlanco = false; rectWidth = Math.max(width, height); rectHeight = rectWidth; animateOverlay(); // AQUI SE CIERRA LA ANIMACION PASO 2 setTimeout(function() { cerrar_animacion(); }, 10000); } // Listener para redimensionar el canvas al cambiar el tamaño de la pantalla window.addEventListener('resize', function() { width = window.innerWidth || document.documentElement.clientWidth; height = window.innerHeight || document.documentElement.clientHeight; canvas.width = width; canvas.height = height; posicionPasouno(); animateOverlay(); }); //FUNCIONES QUE TIPEAN EL TEXTO EN LOS INPUTS DE EMPRESA, USUARIO Y PASSWORD let tiempo_tipear_empresa; let tiempo_tipear_usuario; let tiempo_tipear_clave; function typeWriter_empresa() { if (iteracion <= credencialesDemo.length) { document.getElementById("empresa").value += credencialesDemo.charAt(iteracion-1); iteracion++; tiempo_tipear_empresa=setTimeout(typeWriter_empresa,speed); }else{ iteracion=1; } } function typeWriter_usuario() { if (iteracion <= credencialesDemo.length) { document.getElementById("user").value += credencialesDemo.charAt(iteracion-1).toUpperCase(); iteracion++; tiempo_tipear_usuario=setTimeout(typeWriter_usuario,speed); }else{ iteracion=1; } } function typeWriter_clave() { if (iteracion <= credencialesDemo.length) { document.getElementById("pass").value += credencialesDemo.charAt(iteracion-1); iteracion++; tiempo_tipear_clave=setTimeout(typeWriter_clave,speed); }else{ iteracion=1; } } // funcion onclick que se ejecuta cuando se hace click en la pantalla en el paso uno, para pasar al paso dos $("#divCanvas").on("click", function(){ if(tipoContenedor==0){ clearTimeout(escribir_empresa); clearTimeout(escribir_usuario); clearTimeout(escribir_clave); clearTimeout(paso_final); clearTimeout(tiempo_tipear_empresa); clearTimeout(tiempo_tipear_usuario); clearTimeout(tiempo_tipear_clave); document.getElementById("empresa").value =""; document.getElementById("user").value =""; document.getElementById("pass").value =""; document.getElementById("empresa").value =credencialesDemo; document.getElementById("user").value =credencialesDemo.toUpperCase(); document.getElementById("pass").value =credencialesDemo; paso_dos(); } }); //funcion que calcula la posicion del texto de la fase 1 function posicionPasouno(){ let multFase1Top = 2.5; if (width < "840"){ multFase1Top =1.6; } $("#ingresodemo_frase1").css({"top":(document.getElementById("contenedor-primario").getBoundingClientRect().top*multFase1Top)+"px"}); } //FUNCION QUE CIERRA LA ANIMACION function cerrar_animacion(){ clearTimeout(escribir_empresa); clearTimeout(escribir_usuario); clearTimeout(escribir_clave); clearTimeout(paso_final); cancelAnimationFrame(animateOverlay); $('.ui-dialog').css('z-index','10300'); document.getElementById("divCanvas").style.display = "none"; document.body.style.overflowY = "auto"; document.body.style.overflowX = "auto"; document.getElementById("empresa").value = ""; document.getElementById("user").value = ""; document.getElementById("pass").value = ""; document.getElementById("empresa").readOnly = false; document.getElementById("user").readOnly = false; document.getElementById("pass").readOnly = false; centrarRectanguloBlanco = false; //document.getElementById("recuperarpass").setAttribute("onclick" , "javascript:xLog.RecuperaPWD()"); } function mensajeDialogo(mensaje, titulo, position) { $('[aria-describedby="body_dialog_validacion_form"]').css("position", "absolute"); if (position === "fixed") { $('[aria-describedby="body_dialog_validacion_form"]').removeAttr("inset"); } mensaje = "<center>" + mensaje + "<br><br>"+ "<button id='close-dialog-body' class='boton-modal-desis size-boton-dialog' "+ "style='background-color:#519131!important;width:100px;height:32px;border-radius:5px;'>Aceptar</button></center>"; $("#body_dialog_validacion_form").html(mensaje); $("#body_dialog_validacion_form").dialog({ width: 525, modal: true, title: titulo ? titulo : "Campo Obligatorio" }); if (position === "fixed") { $('[aria-describedby="body_dialog_validacion_form"]').css("position","fixed"); let top = window.innerHeight/2 - $('[aria-describedby="body_dialog_validacion_form"]').height()/2; $('[aria-describedby="body_dialog_validacion_form"]').css("top",top+"px"); } $("#body_dialog_validacion_form").prev(".ui-dialog-titlebar").css("background","#519131"); $("#body_dialog_validacion_form").prev(".ui-dialog-titlebar").find(".ui-button").css("display","none"); /*$(".ui-button").css("display", "none"); $(".ui-dialog-titlebar").css("background", "#519131"); $(".ui-widget-header").css("backgroud", "#519131");*/ $("#close-dialog-body").on("click", function() { $("#body_dialog_validacion_form").dialog("close"); }); } function createLog(nombreArchivo, texto) { let navegador = navegadorUtilizado(); let ipcliente = "3.137.172.252"; let mensaje = ""; if(nombreArchivo == 'interaccion_web') { mensaje = ipcliente+"\t\t"+texto; } else { mensaje = ipcliente+"\t\t"+navegador+"\t\t"+texto; } $.post('componente/logger/logger-desis.php', { texto: mensaje, archivo: nombreArchivo}); } </script> </body> </html>