Deslizar código en punto suavemente

Nota: Algunas funciones descritas aquí aún no están disponibles. Contáctenos en support@dochub.com si está interesado.
Aug 6th, 2022
formularios completados
0
formularios completados
formularios firmados
0
formularios firmados
formularios enviados
0
formularios enviados
Service screenshot
01. Carga un documento desde tu ordenador o almacenamiento en la nube.
Service screenshot
02. Agrega texto, imágenes, dibujos, formas, y más.
Service screenshot
03. Firma tu documento en línea en unos pocos clics.
Service screenshot
04. Envía, exporta, envía por fax, descarga o imprime tu documento.

Cómo insertar código en dot con la máxima eficiencia

Form edit decoration

Formatos de archivo inusuales dentro de la gestión y edición de documentos en tu día a día pueden crear confusión inmediata sobre cómo editarlos. Puede que necesites más que el software de computadora preinstalado para una edición de archivos efectiva y rápida. Si necesitas insertar código en dot o hacer cualquier otro cambio simple en tu archivo, elige un editor de documentos que tenga las características para que puedas manejarlo con facilidad. Para tratar con todos los formatos, incluyendo dot, elegir un editor que realmente funcione correctamente con todos los tipos de archivos será tu mejor opción.

Prueba DocHub para una gestión de archivos efectiva, independientemente del formato de tu documento. Ofrece potentes herramientas de edición en línea que agilizan tu proceso de gestión de documentos. Puedes crear, editar, anotar y compartir cualquier documento fácilmente, ya que todo lo que necesitas para acceder a estas características es una conexión a internet y un perfil activo de DocHub. Una sola herramienta de documento es todo lo que necesitas. No pierdas tiempo saltando entre diferentes programas para diferentes archivos.

Inserta código en dot fácilmente en unas pocas acciones

  1. Visita el sitio de DocHub, haz clic en el botón Crear cuenta gratuita y comienza tu registro.
  2. Ingresa tu dirección de correo electrónico actual y crea una contraseña fuerte. Para un registro más rápido, utiliza tu cuenta de Gmail.
  3. Cuando tu registro esté completo, verás nuestro Tablero. Agrega el dot subiéndolo o enlazándolo desde tu almacenamiento en la nube.
  4. Haz clic en el archivo agregado en tu lista de documentos para abrirlo en modo de edición. Utiliza la barra de herramientas en la parte superior de la hoja del documento para hacer todas las ediciones.
  5. Completa tu edición guardando el archivo con tus documentos, descargándolo en tu dispositivo o enviándolo a través de DocHub sin cambiar de pestañas.

Disfruta de la eficiencia de trabajar con una herramienta creada específicamente para agilizar el procesamiento de documentos. Ve lo fácil que es editar cualquier archivo, incluso si es la primera vez que trabajas con su formato. Regístrate ahora y mejora todo tu proceso de trabajo.

Edición de PDF simplificada con DocHub

Edición de PDF sin complicaciones
Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.
Trabajo en equipo fluido
Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.
Guardado automático
Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.
Integraciones de Google
DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.
Potentes herramientas de PDF en tu dispositivo móvil
Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.
Compartición y almacenamiento de documentos seguros
Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.
Instalar ahora

Cómo hacer puntos slick código personalizado codepen

4.8 de 5
70 votos

[Música] arriba [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] [Música] [Aplausos] ¿Qué tal, amigos? Esta noche tenemos un proyecto de mecanizado en el taller. Un compañero de trabajo me preguntó si podía tomar su deslizamiento de pistola y quiere que le haga una ranura en el deslizamiento aquí para que pueda montar su mira de punto rojo. Antes lo tenía montado aquí, pero tuvo que usar el dovetail aquí y tiene una placa adaptadora, así que vamos a tomar y mecanizar una ranura aquí. Vamos a roscar y luego podrá simplemente tomar su mira de punto rojo y podrá montarla directamente en el deslizamiento, lo que le dará más espacio, así que básicamente tendrá un mejor plano de visión con la pistola porque baja esa mira de punto rojo. Así que vamos a prepararlo todo en el fresadora y empezar a trabajar. Bien, estamos aquí en la fresadora, he tomado mis calibradores y el deslizamiento y he calculado cuán lejos necesito venir desde el extremo aquí y luego desde el puerto de eyección aquí y he ta

video background

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.
Contacto
La etiqueta define el título del documento. El título debe ser solo texto, y se muestra en la barra de título del navegador o en la pestaña de la página. ¡La <title> etiqueta es obligatoria en los documentos HTML! El contenido de un título de página es muy importante para la optimización de motores de búsqueda (SEO)!</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="1" data-qa-tag="faq-tab-2"> <div class="accordion__panel-status"></div> ¿Qué es un slider en CSS? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-2-content">slider es como la 'pantalla', o el viewport que mostrará todas tus diapositivas. slides contendrán tus diapositivas. Este es el elemento que realmente se desplaza para dar el efecto de slider. slide es cada diapositiva individual. Ten en cuenta que necesitas la clase slide, y un id único para cada una.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="2" data-qa-tag="faq-tab-3"> <div class="accordion__panel-status"></div> ¿Es slider una etiqueta HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-3-content">Me referí al slider como "entrada de rango" por una razón. Es un tipo de elemento de entrada, en lugar de una etiqueta separada - <input type="range" /> es todo lo que necesitas para mostrarlo en tu página.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4"> <div class="accordion__panel-status"></div> ¿Hay una etiqueta slider en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">La <input type="range"> define un control para ingresar un número cuyo valor exacto no es importante (como un control deslizante). El rango predeterminado es de 0 a 100. Sin embargo, puedes establecer restricciones sobre qué números son aceptados con los atributos a continuación.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5"> <div class="accordion__panel-status"></div> ¿Cómo deslizo automáticamente una imagen en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Pasos para crear un slider de imagen automático usando HTML, CSS y Javascript:- Paso 1: Crea un documento HTML. Crea un índice. ... Paso 2: Crea un fondo para el slider. Crea el fondo para el slider (es decir, he creado primero una caja usando HTML y CSS). ... Paso 3: Agrega una imagen y especifica su ancho y alto.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6"> <div class="accordion__panel-status"></div> ¿Cómo hago que un slider de imagen se reproduzca automáticamente? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Slider de imagen responsivo con botón manual y reproducción automática Paso 1: Crea la estructura básica del slider de imagen. ... Paso 2: Agrega la imagen requerida en el slider. ... Paso 3: Crea botones de navegación para cambiar manualmente la imagen. ... Paso 4: Activa el slider de imagen responsivo con JavaScript.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7"> <div class="accordion__panel-status"></div> ¿Cómo cambio la posición de los puntos en el slider slick? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Puedes usar "appendDots: $(Element)" en la configuración de Slick. Agregará los puntos a ese elemento. Puedes colocar ese elemento en cualquier ubicación usando CSS normal. Si quieres que esté sobre la diapositiva, entonces puedes usar posicionamiento absoluto o relativo en el elemento.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8"> <div class="accordion__panel-status"></div> ¿Qué son los sliders en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Un slider es un conjunto de marcos en una secuencia que se pueden recorrer respectivamente. Este artículo exhibe el enfoque para construir un pase de diapositivas utilizando solo HTML y CSS. Primero, ingresa el código HTML básico y luego agrega los botones de radio para los marcos usando el tipo como radio.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9"> <div class="accordion__panel-status"></div> ¿Cómo estilizo los puntos en react slick? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">El React-Slick no soporta flechas personalizadas y puntos personalizados en este momento.... Configura App Host para soportar componentes de código personalizados. Guarda el archivo anterior en algún lugar bajo el directorio src. Cambia la propiedad importPath para que coincida con tu ruta. Llama a la función registerSlider en el archivo plasmic-host para registrar el componente de código.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10"> <div class="accordion__panel-status"></div> ¿Cómo nombro una diapositiva en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">Puedes crear texto deslizante — o texto que se amplía — en HTML usando etiquetas <marquee>. Puedes hacer que tu texto se deslice desde la izquierda, derecha, arriba o abajo. Nota: Debido a la naturaleza del texto deslizante, es posible que necesites actualizar esta página varias veces para capturar todos los ejemplos.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2> <div class="user-reviews"> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div> <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div> <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"> </div> </div> <div class="user-review__body"> <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div> <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div> </div> </div> </div> </div> </div> </div> </section> <section class="page-section page-section--c2a-get-form"> <div class="page-section__inner"> <div class="section-title-preamble">esté listo para obtener más</div> <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4> <a class="button" tabindex="0" data-qa-tag="button-cta-get-started" onclick="sksTracker.trackBeforeAction()" href="https://dochub.com/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities" >Empieza ahora</a> </div> </section> <section class="page-section page-section--related-searches"> <div class="page-section__inner"> <h3 class="section-title">Búsquedas relacionadas</h3> <div class="tags-group"> <span class="tag" data-qa-tag="tag-link-1">código de puntos personalizados de slick slider</span> <span class="tag" data-qa-tag="tag-link-2">puntos de slider css</span> <span class="tag" data-qa-tag="tag-link-3">animación de puntos de slider css</span> <span class="tag" data-qa-tag="tag-link-4">posición de puntos de slick slider</span> <span class="tag" data-qa-tag="tag-link-5">cómo agregar puntos en el slider</span> <span class="tag" data-qa-tag="tag-link-6">puntos de slick slider no se muestran</span> <span class="tag" data-qa-tag="tag-link-7">puntos personalizados de slick slider</span> <span class="tag" data-qa-tag="tag-link-8">código de slider</span> </div> </div> </section> <div class="page__footer"> <div class="page-section page-section--footer"> <div class="page-section__inner"> <div class="footer-section"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/152/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div> </div> </div> <div class="footer-section app-buttons app-buttons--desktop"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2025 DocHub, LLC</div> </div> <div class="footer-section"> <div class="footer-section-title">Products</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Functions</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Company</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/about-us">About</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Support</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Resources</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">What's New</div> <div class="text-label text-label text-label--new">New</div> <div class="release-note-caption">DocHub v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</div> </div> <div class="footer-section footer-section--only-desktop"> <div class="footer-section-title footer-section-title--mobile-only">Contact us</div> <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"> <a class="socials-link socials-link--twitter" rel="noopener" target="_blank" href="https://twitter.com/dochub">Follow Us</a> </div> </div> </div> <div class="footer-section app-buttons app-buttons--mobile"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> </div> <div class="page-section__inner page-section__inner--footer-mobile-only"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/152/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2025 DocHub, LLC</div> </div> </div> </div> <div class="popup-cookie popup-cookie__v2"> <div class="popup-cookie__close js-popup-close"></div> <div class="popup-cookie__row"> <div class="popup-cookie__column popup-cookie__column--description"> <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience. By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" rel="noopener" target="_blank">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div> </div> <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div> </div> </div> <script> window.events = {"google_one_tap_click":"dh_lp_google_one_tap_click","google_one_tap_close":"dh_lp_google_one_tap_close","google_button_displayed":"dh_lp_google_button_displayed","google_button_click":"dh_lp_google_button_click","pdffiller_editor_button_click":"dh_pdffiller_uploader_click"}; </script> <script> window.CURRENT_DATE_LOCALE = 'es'; </script> <img style="position: absolute; left: -9999px;" src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <script src="https://cdn.mrkhub.com/dochub-frontend/152/javascripts/functionality-page.js"></script> <script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/Uploader_1/42100/Uploader.js"></script> <script> window.user = { 'internalEmail' : '', 'isLogged' : false, 'isPaid' : false, 'email' : '', }; window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Seleccione un documento'; const sendMetricWithRedirect = function(metrics = {}, route = '/api/send-metrics') { return new Promise((resolve, reject) => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.onload = function() { if (ajax.status === 200) { resolve(); } else { reject(); } }; ajax.send(JSON.stringify(metrics)); }); }; var sendStat = function() { return true; }; var isUserPaid = function() { return window.user && window.user.isPaid !== undefined ? { isPaid: window.user.isPaid } : {isPaid: false}; }; var getUserEmail = function() { return window.user && window.user.internalEmail !== undefined ? { internalEmail: window.user.internalEmail, } : {internalEmail: ''}; }; var isUserLogged = function() { return window.user && window.user.isLogged !== undefined ? { isLogged: window.user.isLogged } : { isLogged: false }; }; var runTemplateSuggestion = function() { console.log('runTemplateSuggestion'); return true; }; var openEditor = function(res) { if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') { setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData); fetch('https://www.pdffiller.com/api_v3/uploader/info?lang=es', { method: 'post', headers: { 'Content-Type': 'application/json', 'User-Agent': navigator.userAgent, 'userid': res.uploadData.auth.userId, 'token': res.uploadData.auth.token, 'appkey': res.uploadData.auth.appKey }, body: JSON.stringify({ 'origin': 'https://www.dochub.com', 'projectId': res.uploadData.docList[0].id, 'guestId': '8539a531ac.1746620340' }) }) .then(response => response.json()) .then(response => { if (response.data && response.result === true) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_navigate", }) sksTracker.trackBeforeAction(); sendMetricWithRedirect({ abTower: 'dh_pdffiler_editor_before_redirect', dataDog: 'dh_pdffiler_editor_before_redirect', }, 'https://www.dochub.com/api/send-metrics') .then(() => { window.location.href = response.data.redirect_url; }) .catch(() => { console.log("sendMetricWithRedirect: Failed to send metrics"); window.location.href = response.data.redirect_url; }); } else { console.log("Can't make redirect on editor"); } }); } return true; }; window.sendMetric = (metrics = {}, route = '/api/send-metrics') => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.send(JSON.stringify(metrics)); }; var setExternalGuestId = function (url, callback, uploadData) { var ajax = new XMLHttpRequest(); var body = { 'guestId': '8539a531ac.1746620340' }; ajax.open('POST', url, true); ajax.setRequestHeader('userid', uploadData.auth.userId); ajax.setRequestHeader('token', uploadData.auth.token); ajax.setRequestHeader('appkey', uploadData.auth.appKey); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.send(JSON.stringify(body)); }; function sendAbTestEvent() { window.sendMetric({ abTower: 'dh_pdffiler_editor_start_uploading', dataDog: 'dh_pdffiler_editor_start_uploading', }, 'https://www.dochub.com/api/send-metrics'); } function sendDataLayerEvent() { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_upload", }) } var getRedirectLink = function (response) { response = JSON.parse(response); if (response.result) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.location.href = response.data.redirect_url } }; initUploader({ localePrefix: 'DOCHUB_', app: 'DOCHUB_MAIN_FEATURES', modes: { microSites: true }, features: ["@UPLOADER\/UPLOAD"], api: { base: 'https://www.pdffiller.com', ws: { host: 'wss://mm-websocket.pdffiller.com', port: '443', }, }, auth: { appKey: 'klwlq3h4jfi8.apps.dochub.v1.0' }, multiple: 1, lang: 'es', callbacks: { end: openEditor, request: runTemplateSuggestion }, hooks: { data: { modalOpen: [getUserEmail, isUserLogged, isUserPaid] }, actions: { startUploading: [sendAbTestEvent, sendDataLayerEvent], }, stat: sendStat, }, }); </script> <script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script> <link media="all" href="https://cdn.mrkhub.com/dochub-frontend/152/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'93c0aa30ecfdcf6e',t:'MTc0NjYyMDM1Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>