Interactif Facilitateur – R\u00e9ponses pr\u00e9\u00e9tablies<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f7f7f7;\n padding: 20px;\n max-width: 700px;\n margin: auto;\n }\n .step {\n display: none;\n background: white;\n padding: 20px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .active { display: block; }\n button {\n padding: 10px 20px;\n border: none;\n background: #0073e6;\n color: white;\n font-size: 16px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 15px;\n }\n button:hover { background: #005bb5; }\n select, textarea {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n }\n .progress {\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n }\n <\/style>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<\/head>\n<body>\n <h1>Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/h1>\n <p>Choisissez des r\u00e9ponses parmi les options pour avancer \u00e9tape par \u00e9tape.<\/p>\n\n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n \n\n \n <div class=\"step\" id=\"finalStep\">\n <h2>\ud83c\udf89 Synth\u00e8se de votre parcours<\/h2>\n <p>Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses :<\/p>\n <div id=\"summary\"><\/div>\n <button onclick=\"showResume()\">Voir r\u00e9sum\u00e9 d\u00e9taill\u00e9 & g\u00e9n\u00e9rer PDF<\/button>\n <\/div>\n\n <div id=\"resume-section\" style=\"display:none; margin-top:30px; padding:20px; border:2px solid #4caf50; border-radius:10px; background:#f6fff6;\">\n <h2>\ud83c\udfaf R\u00e9sum\u00e9 de ton parcours<\/h2>\n <p id=\"resume-content\">Voici un r\u00e9sum\u00e9 bas\u00e9 sur tes r\u00e9ponses.<\/p>\n\n <h3>\ud83d\udd0e Propositions personnalis\u00e9es<\/h3>\n <ul id=\"propositions-list\">\n <li>Proposition 1 bas\u00e9e sur les besoins exprim\u00e9s<\/li>\n <li>Proposition 2 correspondant aux obstacles identifi\u00e9s<\/li>\n <li>Proposition 3 li\u00e9e \u00e0 l\u2019objectif final souhait\u00e9<\/li>\n <\/ul>\n\n <button onclick=\"generatePDF()\">T\u00e9l\u00e9charger le certificat PDF<\/button>\n <\/div>\n\n <script>\n let currentStep = 1;\n const totalSteps = 6;\n\n function updateProgress() {\n document.getElementById(\"progress\").innerText =\n \"\u00c9tape \" + currentStep + \" sur \" + totalSteps;\n }\n\n updateProgress();\n\n function nextStep() {\n const select = document.getElementById(\"s\" + currentStep);\n if (!select.value) {\n alert(\"Veuillez choisir une r\u00e9ponse pour continuer.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n currentStep++;\n document.getElementById(\"step\" + currentStep).classList.add(\"active\");\n updateProgress();\n }\n\n function finish() {\n if (!document.getElementById(\"s6\").value) {\n alert(\"Veuillez choisir une r\u00e9ponse.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n document.getElementById(\"finalStep\").classList.add(\"active\");\n\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n\n const labels = [\n \"Sujet explor\u00e9\",\n \"Ressenti\",\n \"Obstacle principal\",\n \"Options possibles\",\n \"Petite action\",\n \"Vision de r\u00e9ussite\"\n ];\n\n let html = \"\";\n\n r\u00e9ponses.forEach((rep, i) => {\n html += `<h3>${labels[i]}<\/h3><p>${rep}<\/p>`;\n });\n\n document.getElementById(\"summary\").innerHTML = html;\n document.getElementById(\"progress\").innerText = \"Fin du parcours\";\n }\n\n function showResume() {\n document.getElementById('resume-section').style.display = 'block';\n \/\/ G\u00e9n\u00e9rer r\u00e9sum\u00e9 bas\u00e9 sur r\u00e9ponses s\u00e9lectionn\u00e9es\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n document.getElementById('resume-content').innerHTML = `Sujet: ${r\u00e9ponses[0]}<br>Ressenti: ${r\u00e9ponses[1]}<br>Obstacle: ${r\u00e9ponses[2]}<br>Option cl\u00e9: ${r\u00e9ponses[3]}<br>Action imm\u00e9diate: ${r\u00e9ponses[4]}<br>Vision finale: ${r\u00e9ponses[5]}`;\n }\n\n function generatePDF() {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n doc.setFontSize(16);\n doc.text(\"Certificat de facilitation\", 20, 20);\n doc.setFontSize(12);\n doc.text(document.getElementById('resume-content').innerText, 20, 40);\n doc.text(\"Propositions personnalis\u00e9es:\", 20, 100);\n const props = Array.from(document.getElementById('propositions-list').querySelectorAll('li'));\n props.forEach((p,i) => {\n doc.text(`- ${p.innerText}`, 25, 110 + i*10);\n });\n doc.save('certificat_facilitateur.pdf');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interactif Facilitateur – R\u00e9ponses pr\u00e9\u00e9tablies Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es) Choisissez des r\u00e9ponses parmi les options pour avancer \u00e9tape par \u00e9tape. \ud83c\udf89 Synth\u00e8se de votre parcours Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses : Voir r\u00e9sum\u00e9 d\u00e9taill\u00e9 & g\u00e9n\u00e9rer PDF… <a href=\"https:\/\/clubvivremieux.com\/index.php\/parcours-interactif-du-facilitateur-reponses-proposees\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1849"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1849\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1849\/revisions\/1852"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1849,"date":"2025-12-06T01:16:52","date_gmt":"2025-12-06T01:16:52","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1849"},"modified":"2025-12-06T01:20:57","modified_gmt":"2025-12-06T01:20:57","slug":"parcours-interactif-du-facilitateur-reponses-proposees","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/parcours-interactif-du-facilitateur-reponses-proposees\/","title":{"rendered":"Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)"},"content":{"rendered":"\n\n\n\n \n \n Interactif Facilitateur – R\u00e9ponses pr\u00e9\u00e9tablies<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f7f7f7;\n padding: 20px;\n max-width: 700px;\n margin: auto;\n }\n .step {\n display: none;\n background: white;\n padding: 20px;\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n .active { display: block; }\n button {\n padding: 10px 20px;\n border: none;\n background: #0073e6;\n color: white;\n font-size: 16px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 15px;\n }\n button:hover { background: #005bb5; }\n select, textarea {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n }\n .progress {\n margin-bottom: 20px;\n font-weight: bold;\n text-align: center;\n }\n <\/style>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<\/head>\n<body>\n <h1>Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/h1>\n <p>Choisissez des r\u00e9ponses parmi les options pour avancer \u00e9tape par \u00e9tape.<\/p>\n\n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n \n\n \n <div class=\"step\" id=\"finalStep\">\n <h2>\ud83c\udf89 Synth\u00e8se de votre parcours<\/h2>\n <p>Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses :<\/p>\n <div id=\"summary\"><\/div>\n <button onclick=\"showResume()\">Voir r\u00e9sum\u00e9 d\u00e9taill\u00e9 & g\u00e9n\u00e9rer PDF<\/button>\n <\/div>\n\n <div id=\"resume-section\" style=\"display:none; margin-top:30px; padding:20px; border:2px solid #4caf50; border-radius:10px; background:#f6fff6;\">\n <h2>\ud83c\udfaf R\u00e9sum\u00e9 de ton parcours<\/h2>\n <p id=\"resume-content\">Voici un r\u00e9sum\u00e9 bas\u00e9 sur tes r\u00e9ponses.<\/p>\n\n <h3>\ud83d\udd0e Propositions personnalis\u00e9es<\/h3>\n <ul id=\"propositions-list\">\n <li>Proposition 1 bas\u00e9e sur les besoins exprim\u00e9s<\/li>\n <li>Proposition 2 correspondant aux obstacles identifi\u00e9s<\/li>\n <li>Proposition 3 li\u00e9e \u00e0 l\u2019objectif final souhait\u00e9<\/li>\n <\/ul>\n\n <button onclick=\"generatePDF()\">T\u00e9l\u00e9charger le certificat PDF<\/button>\n <\/div>\n\n <script>\n let currentStep = 1;\n const totalSteps = 6;\n\n function updateProgress() {\n document.getElementById(\"progress\").innerText =\n \"\u00c9tape \" + currentStep + \" sur \" + totalSteps;\n }\n\n updateProgress();\n\n function nextStep() {\n const select = document.getElementById(\"s\" + currentStep);\n if (!select.value) {\n alert(\"Veuillez choisir une r\u00e9ponse pour continuer.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n currentStep++;\n document.getElementById(\"step\" + currentStep).classList.add(\"active\");\n updateProgress();\n }\n\n function finish() {\n if (!document.getElementById(\"s6\").value) {\n alert(\"Veuillez choisir une r\u00e9ponse.\");\n return;\n }\n document.getElementById(\"step\" + currentStep).classList.remove(\"active\");\n document.getElementById(\"finalStep\").classList.add(\"active\");\n\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n\n const labels = [\n \"Sujet explor\u00e9\",\n \"Ressenti\",\n \"Obstacle principal\",\n \"Options possibles\",\n \"Petite action\",\n \"Vision de r\u00e9ussite\"\n ];\n\n let html = \"\";\n\n r\u00e9ponses.forEach((rep, i) => {\n html += `<h3>${labels[i]}<\/h3><p>${rep}<\/p>`;\n });\n\n document.getElementById(\"summary\").innerHTML = html;\n document.getElementById(\"progress\").innerText = \"Fin du parcours\";\n }\n\n function showResume() {\n document.getElementById('resume-section').style.display = 'block';\n \/\/ G\u00e9n\u00e9rer r\u00e9sum\u00e9 bas\u00e9 sur r\u00e9ponses s\u00e9lectionn\u00e9es\n const r\u00e9ponses = [1,2,3,4,5,6].map(i => document.getElementById(\"s\"+i).value);\n document.getElementById('resume-content').innerHTML = `Sujet: ${r\u00e9ponses[0]}<br>Ressenti: ${r\u00e9ponses[1]}<br>Obstacle: ${r\u00e9ponses[2]}<br>Option cl\u00e9: ${r\u00e9ponses[3]}<br>Action imm\u00e9diate: ${r\u00e9ponses[4]}<br>Vision finale: ${r\u00e9ponses[5]}`;\n }\n\n function generatePDF() {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF();\n doc.setFontSize(16);\n doc.text(\"Certificat de facilitation\", 20, 20);\n doc.setFontSize(12);\n doc.text(document.getElementById('resume-content').innerText, 20, 40);\n doc.text(\"Propositions personnalis\u00e9es:\", 20, 100);\n const props = Array.from(document.getElementById('propositions-list').querySelectorAll('li'));\n props.forEach((p,i) => {\n doc.text(`- ${p.innerText}`, 25, 110 + i*10);\n });\n doc.save('certificat_facilitateur.pdf');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interactif Facilitateur – R\u00e9ponses pr\u00e9\u00e9tablies Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es) Choisissez des r\u00e9ponses parmi les options pour avancer \u00e9tape par \u00e9tape. \ud83c\udf89 Synth\u00e8se de votre parcours Voici un r\u00e9sum\u00e9 de vos r\u00e9ponses : Voir r\u00e9sum\u00e9 d\u00e9taill\u00e9 & g\u00e9n\u00e9rer PDF… <a href=\"https:\/\/clubvivremieux.com\/index.php\/parcours-interactif-du-facilitateur-reponses-proposees\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Parcours Interactif du Facilitateur (R\u00e9ponses propos\u00e9es)<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1849","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1849"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1849\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1849\/revisions\/1852"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}