Framework HTML para traer una p\u00e1gina<\/title>\n<\/head>\n<style>\n \/* Estilos para el bot\u00f3n *\/\n .custom-button {\n background-color: #D7AF00; \/* Color de fondo *\/\n border: none; \/* Sin borde *\/\n color: black; \/* Color del texto *\/\n padding: 15px 30px; \/* Espaciado interno *\/\n text-align: center; \/* Alineaci\u00f3n del texto *\/\n text-decoration: none; \/* Sin decoraci\u00f3n de texto *\/\n display: inline-block; \/* Mostrar como bloque en l\u00ednea *\/\n font-size: 18px; \/* Tama\u00f1o de fuente *\/\n border-radius: 8px; \/* Bordes redondeados *\/\n cursor: pointer; \/* Cambio de cursor al pasar por encima *\/\n transition: background-color 0.3s; \/* Transici\u00f3n suave *\/\n }\n\n \/* Estilos para el bot\u00f3n al pasar el cursor por encima *\/\n .custom-button:hover {\n background-color: #45a049; \/* Cambio de color de fondo *\/\n }\n <\/style>\n<body>\n\n <h1 style=\"color: #D7AF00; font-size: 24px; font-family: Arial, sans-serif;\">Seleccione opcion<\/h1>\n\n\n<label style=\"color: #000; font-size: 18px; font-family: Arial, sans-serif;\">\n <input type=\"radio\" name=\"tipo\" value=\"orden\" checked> Orden\n<\/label>\n<label style=\"color: #000; font-size: 18px; font-family: Arial, sans-serif;\">\n <input type=\"radio\" name=\"tipo\" value=\"guia\"> Gu\u00eda\n<\/label>\n<br>\n\n\n<input type=\"text\" id=\"numeroInput\" style=\"font-size: 18px; padding: 5px; width: 200px;\">\n<br>\n<br>\n<button onclick=\"cargarDocumento()\" class=\"custom-button\">Cargar<\/button>\n<br>\n<p><\/p>\n\n<div id=\"iframeContainer\">\n \n<\/div>\n\n<script>\nfunction cargarDocumento() {\n \/\/ Obtener el valor del tipo seleccionado (orden o gu\u00eda)\n var tipo = document.querySelector('input[name=\"tipo\"]:checked').value;\n \/\/ Obtener el valor del n\u00famero de orden o gu\u00eda del input\n var numero = document.getElementById('numeroInput').value;\n \n \/\/ Construir la URL con el tipo y n\u00famero correspondiente\n var url = 'https:\/\/jobapi.co\/tms_karrera_new\/seguimiento\/consulta.php?' + tipo + '=' + numero;\n \n \/\/ Crear el iframe con la URL din\u00e1mica\n var iframe = document.createElement('iframe');\n iframe.src = url;\n iframe.width = '100%';\n iframe.height = '800px';\n iframe.scrolling = 'no';\n \n \n \/\/ Limpiar el contenedor anterior y agregar el nuevo iframe\n var container = document.getElementById('iframeContainer');\n container.innerHTML = '';\n container.appendChild(iframe);\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Framework HTML para traer una p\u00e1gina Seleccione opcion Orden Gu\u00eda Cargar<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12074","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages\/12074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/comments?post=12074"}],"version-history":[{"count":52,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages\/12074\/revisions"}],"predecessor-version":[{"id":12194,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages\/12074\/revisions\/12194"}],"wp:attachment":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/media?parent=12074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12074,"date":"2024-04-18T12:57:52","date_gmt":"2024-04-18T12:57:52","guid":{"rendered":"https:\/\/k-rreraexpress.com\/?page_id=12074"},"modified":"2024-05-08T13:08:31","modified_gmt":"2024-05-08T13:08:31","slug":"12074-2","status":"publish","type":"page","link":"https:\/\/k-rreraexpress.com\/index.php\/12074-2\/","title":{"rendered":"Tracking Karrera"},"content":{"rendered":"\n\n\n\n Framework HTML para traer una p\u00e1gina<\/title>\n<\/head>\n<style>\n \/* Estilos para el bot\u00f3n *\/\n .custom-button {\n background-color: #D7AF00; \/* Color de fondo *\/\n border: none; \/* Sin borde *\/\n color: black; \/* Color del texto *\/\n padding: 15px 30px; \/* Espaciado interno *\/\n text-align: center; \/* Alineaci\u00f3n del texto *\/\n text-decoration: none; \/* Sin decoraci\u00f3n de texto *\/\n display: inline-block; \/* Mostrar como bloque en l\u00ednea *\/\n font-size: 18px; \/* Tama\u00f1o de fuente *\/\n border-radius: 8px; \/* Bordes redondeados *\/\n cursor: pointer; \/* Cambio de cursor al pasar por encima *\/\n transition: background-color 0.3s; \/* Transici\u00f3n suave *\/\n }\n\n \/* Estilos para el bot\u00f3n al pasar el cursor por encima *\/\n .custom-button:hover {\n background-color: #45a049; \/* Cambio de color de fondo *\/\n }\n <\/style>\n<body>\n\n <h1 style=\"color: #D7AF00; font-size: 24px; font-family: Arial, sans-serif;\">Seleccione opcion<\/h1>\n\n\n<label style=\"color: #000; font-size: 18px; font-family: Arial, sans-serif;\">\n <input type=\"radio\" name=\"tipo\" value=\"orden\" checked> Orden\n<\/label>\n<label style=\"color: #000; font-size: 18px; font-family: Arial, sans-serif;\">\n <input type=\"radio\" name=\"tipo\" value=\"guia\"> Gu\u00eda\n<\/label>\n<br>\n\n\n<input type=\"text\" id=\"numeroInput\" style=\"font-size: 18px; padding: 5px; width: 200px;\">\n<br>\n<br>\n<button onclick=\"cargarDocumento()\" class=\"custom-button\">Cargar<\/button>\n<br>\n<p><\/p>\n\n<div id=\"iframeContainer\">\n \n<\/div>\n\n<script>\nfunction cargarDocumento() {\n \/\/ Obtener el valor del tipo seleccionado (orden o gu\u00eda)\n var tipo = document.querySelector('input[name=\"tipo\"]:checked').value;\n \/\/ Obtener el valor del n\u00famero de orden o gu\u00eda del input\n var numero = document.getElementById('numeroInput').value;\n \n \/\/ Construir la URL con el tipo y n\u00famero correspondiente\n var url = 'https:\/\/jobapi.co\/tms_karrera_new\/seguimiento\/consulta.php?' + tipo + '=' + numero;\n \n \/\/ Crear el iframe con la URL din\u00e1mica\n var iframe = document.createElement('iframe');\n iframe.src = url;\n iframe.width = '100%';\n iframe.height = '800px';\n iframe.scrolling = 'no';\n \n \n \/\/ Limpiar el contenedor anterior y agregar el nuevo iframe\n var container = document.getElementById('iframeContainer');\n container.innerHTML = '';\n container.appendChild(iframe);\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Framework HTML para traer una p\u00e1gina Seleccione opcion Orden Gu\u00eda Cargar<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12074","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages\/12074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/comments?post=12074"}],"version-history":[{"count":52,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages\/12074\/revisions"}],"predecessor-version":[{"id":12194,"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/pages\/12074\/revisions\/12194"}],"wp:attachment":[{"href":"https:\/\/k-rreraexpress.com\/index.php\/wp-json\/wp\/v2\/media?parent=12074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}