Diagn\u00f3stico Semanal<\/title>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<style>\nbody {\n font-family: Arial, sans-serif;\n background: #f0f2f5;\n margin: 0;\n padding: 20px;\n display: flex;\n justify-content: center;\n}\n#diagnostico-container {\n background: #ffffff;\n max-width: 900px;\n width: 100%;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\nh2 {\n text-align: center;\n color: #1c3d5a;\n}\nsection {\n margin-bottom: 25px;\n}\nlabel {\n font-weight: bold;\n color: #1c3d5a;\n}\nselect, textarea {\n width: 100%;\n padding: 8px;\n margin-top: 5px;\n border-radius: 6px;\n border: 1px solid #ccc;\n font-size: 14px;\n}\ntextarea {\n resize: vertical;\n min-height: 80px;\n}\n.variable-tag {\n display: inline-block;\n background: #e8f5e9;\n color: #2e7d32;\n padding: 5px 10px;\n border-radius: 6px;\n margin: 3px;\n font-size: 14px;\n}\n.remove-tag {\n margin-left: 5px;\n cursor: pointer;\n color: #c0392b;\n}\nbutton {\n padding: 10px 20px;\n background: #1c3d5a;\n color: #fff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 16px;\n}\nbutton:hover {\n background: #16324a;\n}\n.dropdown-container {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 8px;\n}\n.dropdown {\n flex: 1;\n min-width: 200px;\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"diagnostico-container\">\n <h2>Diagn\u00f3stico Semanal<\/h2>\n\n \n <section>\n <label for=\"semanaSelect\">Semana:<\/label>\n <select id=\"semanaSelect\"><\/select>\n <\/section>\n\n \n <section>\n <label>Objetivos de la semana:<\/label>\n <div class=\"dropdown-container\" id=\"objetivosContainer\"><\/div>\n <\/section>\n\n \n <section>\n <label>Variables clave:<\/label>\n <div class=\"dropdown-container\" id=\"variablesContainer\">\n \n <div class=\"dropdown\">\n <select id=\"principiosSelect\" multiple>\n <option>Principio de Especificidad<\/option>\n <option>Principio de Propensiones<\/option>\n <option>Principio de Progresi\u00f3n Compleja<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"subPrincipiosSelect\" multiple>\n <option>Sub-principio 1<\/option>\n <option>Sub-principio 2<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"tacticaIndividualSelect\" multiple>\n <option>Fundamentos por posici\u00f3n<\/option>\n <option>Toma de decisi\u00f3n<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"tacticaColectivaSelect\" multiple>\n <option>Presi\u00f3n tras p\u00e9rdida<\/option>\n <option>Salida de bal\u00f3n<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"fisicoSelect\" multiple>\n <option>Carga semanal (RPE)<\/option>\n <option>Nivel de fatiga<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div id=\"variablesSeleccionadas\" style=\"margin-top:10px;\"><\/div>\n <\/section>\n\n \n <section>\n <label for=\"observaciones\">Observaciones \/ Comentarios:<\/label>\n <textarea id=\"observaciones\"><\/textarea>\n <\/section>\n\n <div style=\"text-align:center; margin-top:20px;\">\n <button id=\"btn-captura\">Captura de Pantalla<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/\/ --- Generar semanas ---\nfunction generarSemanas() {\n const select = document.getElementById('semanaSelect');\n const today = new Date();\n const year = today.getFullYear();\n let currentDate = new Date(year, 0, 1);\n\n while (currentDate.getDay() !== 1) currentDate.setDate(currentDate.getDate() + 1);\n\n while (currentDate.getFullYear() === year) {\n const start = new Date(currentDate);\n const end = new Date(currentDate);\n end.setDate(end.getDate() + 6);\n\n const startStr = `${String(start.getDate()).padStart(2,'0')}-${String(start.getMonth()+1).padStart(2,'0')}`;\n const endStr = `${String(end.getDate()).padStart(2,'0')}-${String(end.getMonth()+1).padStart(2,'0')}`;\n const option = document.createElement('option');\n option.value = `Semana: ${startStr} al ${endStr}`;\n option.textContent = `Semana: ${startStr} al ${endStr}`;\n if (today >= start && today <= end) option.selected = true;\n select.appendChild(option);\n\n currentDate.setDate(currentDate.getDate() + 7);\n }\n}\ngenerarSemanas();\n\n\/\/ --- Variables seleccionadas ---\nconst selects = ['principiosSelect','subPrincipiosSelect','tacticaIndividualSelect','tacticaColectivaSelect','fisicoSelect'];\nselects.forEach(id => {\n document.getElementById(id).addEventListener('change', function() {\n actualizarVariables();\n });\n});\n\nfunction actualizarVariables() {\n const contenedor = document.getElementById('variablesSeleccionadas');\n contenedor.innerHTML = '';\n selects.forEach(id => {\n const select = document.getElementById(id);\n Array.from(select.selectedOptions).forEach(opt => {\n const tag = document.createElement('span');\n tag.className = 'variable-tag';\n tag.textContent = opt.textContent;\n contenedor.appendChild(tag);\n });\n });\n}\n\n\/\/ --- Captura de pantalla ---\ndocument.getElementById('btn-captura').addEventListener('click', function() {\n const container = document.getElementById('diagnostico-container');\n html2canvas(container, {scale: 2, scrollY: -window.scrollY}).then(canvas => {\n const link = document.createElement('a');\n link.download = 'Diagnostico_Semanal.png';\n link.href = canvas.toDataURL('image\/png');\n link.click();\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Diagn\u00f3stico Semanal Diagn\u00f3stico Semanal Semana: Objetivos de la semana: Variables clave: Principio de EspecificidadPrincipio de PropensionesPrincipio de Progresi\u00f3n Compleja Sub-principio 1Sub-principio 2 Fundamentos por posici\u00f3nToma de decisi\u00f3n Presi\u00f3n tras p\u00e9rdidaSalida de bal\u00f3n Carga semanal (RPE)Nivel de fatiga Observaciones \/ Comentarios: Captura de Pantalla<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1436","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/comments?post=1436"}],"version-history":[{"count":34,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1436\/revisions"}],"predecessor-version":[{"id":2536,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1436\/revisions\/2536"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=1436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1436,"date":"2025-08-17T00:28:51","date_gmt":"2025-08-17T03:28:51","guid":{"rendered":"https:\/\/futbol360.online\/futbol-360\/?page_id=1436"},"modified":"2025-12-12T02:10:20","modified_gmt":"2025-12-12T05:10:20","slug":"analisis-previo","status":"publish","type":"page","link":"https:\/\/futbol360.online\/futbol-360\/analisis-previo\/","title":{"rendered":"An\u00e1lisis Previo"},"content":{"rendered":"\n\n\n\n\n\nDiagn\u00f3stico Semanal<\/title>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<style>\nbody {\n font-family: Arial, sans-serif;\n background: #f0f2f5;\n margin: 0;\n padding: 20px;\n display: flex;\n justify-content: center;\n}\n#diagnostico-container {\n background: #ffffff;\n max-width: 900px;\n width: 100%;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\nh2 {\n text-align: center;\n color: #1c3d5a;\n}\nsection {\n margin-bottom: 25px;\n}\nlabel {\n font-weight: bold;\n color: #1c3d5a;\n}\nselect, textarea {\n width: 100%;\n padding: 8px;\n margin-top: 5px;\n border-radius: 6px;\n border: 1px solid #ccc;\n font-size: 14px;\n}\ntextarea {\n resize: vertical;\n min-height: 80px;\n}\n.variable-tag {\n display: inline-block;\n background: #e8f5e9;\n color: #2e7d32;\n padding: 5px 10px;\n border-radius: 6px;\n margin: 3px;\n font-size: 14px;\n}\n.remove-tag {\n margin-left: 5px;\n cursor: pointer;\n color: #c0392b;\n}\nbutton {\n padding: 10px 20px;\n background: #1c3d5a;\n color: #fff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n font-size: 16px;\n}\nbutton:hover {\n background: #16324a;\n}\n.dropdown-container {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 8px;\n}\n.dropdown {\n flex: 1;\n min-width: 200px;\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"diagnostico-container\">\n <h2>Diagn\u00f3stico Semanal<\/h2>\n\n \n <section>\n <label for=\"semanaSelect\">Semana:<\/label>\n <select id=\"semanaSelect\"><\/select>\n <\/section>\n\n \n <section>\n <label>Objetivos de la semana:<\/label>\n <div class=\"dropdown-container\" id=\"objetivosContainer\"><\/div>\n <\/section>\n\n \n <section>\n <label>Variables clave:<\/label>\n <div class=\"dropdown-container\" id=\"variablesContainer\">\n \n <div class=\"dropdown\">\n <select id=\"principiosSelect\" multiple>\n <option>Principio de Especificidad<\/option>\n <option>Principio de Propensiones<\/option>\n <option>Principio de Progresi\u00f3n Compleja<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"subPrincipiosSelect\" multiple>\n <option>Sub-principio 1<\/option>\n <option>Sub-principio 2<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"tacticaIndividualSelect\" multiple>\n <option>Fundamentos por posici\u00f3n<\/option>\n <option>Toma de decisi\u00f3n<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"tacticaColectivaSelect\" multiple>\n <option>Presi\u00f3n tras p\u00e9rdida<\/option>\n <option>Salida de bal\u00f3n<\/option>\n <\/select>\n <\/div>\n <div class=\"dropdown\">\n <select id=\"fisicoSelect\" multiple>\n <option>Carga semanal (RPE)<\/option>\n <option>Nivel de fatiga<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div id=\"variablesSeleccionadas\" style=\"margin-top:10px;\"><\/div>\n <\/section>\n\n \n <section>\n <label for=\"observaciones\">Observaciones \/ Comentarios:<\/label>\n <textarea id=\"observaciones\"><\/textarea>\n <\/section>\n\n <div style=\"text-align:center; margin-top:20px;\">\n <button id=\"btn-captura\">Captura de Pantalla<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/\/ --- Generar semanas ---\nfunction generarSemanas() {\n const select = document.getElementById('semanaSelect');\n const today = new Date();\n const year = today.getFullYear();\n let currentDate = new Date(year, 0, 1);\n\n while (currentDate.getDay() !== 1) currentDate.setDate(currentDate.getDate() + 1);\n\n while (currentDate.getFullYear() === year) {\n const start = new Date(currentDate);\n const end = new Date(currentDate);\n end.setDate(end.getDate() + 6);\n\n const startStr = `${String(start.getDate()).padStart(2,'0')}-${String(start.getMonth()+1).padStart(2,'0')}`;\n const endStr = `${String(end.getDate()).padStart(2,'0')}-${String(end.getMonth()+1).padStart(2,'0')}`;\n const option = document.createElement('option');\n option.value = `Semana: ${startStr} al ${endStr}`;\n option.textContent = `Semana: ${startStr} al ${endStr}`;\n if (today >= start && today <= end) option.selected = true;\n select.appendChild(option);\n\n currentDate.setDate(currentDate.getDate() + 7);\n }\n}\ngenerarSemanas();\n\n\/\/ --- Variables seleccionadas ---\nconst selects = ['principiosSelect','subPrincipiosSelect','tacticaIndividualSelect','tacticaColectivaSelect','fisicoSelect'];\nselects.forEach(id => {\n document.getElementById(id).addEventListener('change', function() {\n actualizarVariables();\n });\n});\n\nfunction actualizarVariables() {\n const contenedor = document.getElementById('variablesSeleccionadas');\n contenedor.innerHTML = '';\n selects.forEach(id => {\n const select = document.getElementById(id);\n Array.from(select.selectedOptions).forEach(opt => {\n const tag = document.createElement('span');\n tag.className = 'variable-tag';\n tag.textContent = opt.textContent;\n contenedor.appendChild(tag);\n });\n });\n}\n\n\/\/ --- Captura de pantalla ---\ndocument.getElementById('btn-captura').addEventListener('click', function() {\n const container = document.getElementById('diagnostico-container');\n html2canvas(container, {scale: 2, scrollY: -window.scrollY}).then(canvas => {\n const link = document.createElement('a');\n link.download = 'Diagnostico_Semanal.png';\n link.href = canvas.toDataURL('image\/png');\n link.click();\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Diagn\u00f3stico Semanal Diagn\u00f3stico Semanal Semana: Objetivos de la semana: Variables clave: Principio de EspecificidadPrincipio de PropensionesPrincipio de Progresi\u00f3n Compleja Sub-principio 1Sub-principio 2 Fundamentos por posici\u00f3nToma de decisi\u00f3n Presi\u00f3n tras p\u00e9rdidaSalida de bal\u00f3n Carga semanal (RPE)Nivel de fatiga Observaciones \/ Comentarios: Captura de Pantalla<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1436","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/comments?post=1436"}],"version-history":[{"count":34,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1436\/revisions"}],"predecessor-version":[{"id":2536,"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/pages\/1436\/revisions\/2536"}],"wp:attachment":[{"href":"https:\/\/futbol360.online\/futbol-360\/wp-json\/wp\/v2\/media?parent=1436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}