Connexion
A propos
Cours particuliers
Stage intensif
Actualités
Nous contacter
Nous contacter
Réserver une place -
Stages intensifs Lycées
Pour garantir un suivi personnalisé, les places sont limitées. Inscrivez-vous sans plus attendre ! Un conseiller vous rappellera après votre inscription.
</div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=685d66655f8960b087788ca7" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/685d66655f8960b087788ca7/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/685d66655f8960b087788ca7/js/webflow.schunk.7640b6071dd2eede.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/685d66655f8960b087788ca7/js/webflow.318ca9a6.6a6b31e22d1c4ccd.js" type="text/javascript"></script><!-- Choices.js --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css"> <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const selectIds = ['etablissement', 'next-etablissement']; const rawCsvUrl = 'https://raw.githubusercontent.com/hadmrd/lycee_france/refs/heads/main/Etablissements%20(etablissement.etablissement)%20-%20Etablissements%20(etablissement.etablissement).csv.csv'; fetch(rawCsvUrl) .then(response => response.text()) .then(data => { const rows = data.trim().split('\n'); // Remove header if it exists const isHeader = rows[0].toLowerCase().includes('etablissement'); const values = isHeader ? rows.slice(1) : rows; // Prepare options const options = values.map(v => ({ value: v.trim(), label: v.trim() })); // Populate both selects selectIds.forEach(id => { const el = document.getElementById(id); const choices = new Choices(el, { searchEnabled: true }); choices.setChoices(options, 'value', 'label', true); }); }) .catch(err => { console.error('Failed to load CSV:', err); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { // Already existing code... // Apply Choices.js to #classe manually const classeSelect = document.getElementById('classe'); if (classeSelect) { new Choices(classeSelect, { searchEnabled: true, shouldSort: false }); } }); </script> <!-- info form multistep checkbox & radio button--> <script> $('.inscri-form-radio input[type="radio"]').on('change', function() { // Remove "selected" class from all radio containers $('.inscri-form-radio').removeClass('selected'); // Add "selected" to the one that is currently checked if ($(this).is(':checked')) { $(this).closest('.inscri-form-radio').addClass('selected'); } }); </script> <script> $('.inscri-form-checkbox').click(function() { const checkbox = $(this).find('input'); if (checkbox.is(':checked')) { $(this).addClass('selected'); } else { $(this).removeClass('selected'); } }); </script> <script> document.addEventListener("DOMContentLoaded", function () { const steps = Array.from(document.querySelectorAll(".inscri-form-step")); let currentStep = 0; function showStep(index) { steps.forEach((step, i) => { step.classList.toggle("active-step", i === index); }); currentStep = index; evaluateConditions(); validateStep(); } function clearHiddenFields(container) { const inputs = container.querySelectorAll("input, textarea, select"); inputs.forEach(input => { if (input.type === "checkbox" || input.type === "radio") { input.checked = false; } else { input.value = ""; } if (input.tagName === "SELECT" && $(input).hasClass("select2-hidden-accessible")) { $(input).val(null).trigger("change"); } }); } function evaluateConditions() { const conditionalElements = document.querySelectorAll("[data-show-if]"); conditionalElements.forEach(el => { const condition = el.getAttribute("data-show-if"); const [fieldName, valueGroup] = condition.split("="); if (!fieldName || !valueGroup) return; const expectedValues = valueGroup.split("!"); const fields = document.querySelectorAll(`[name="${fieldName}"]`); if (!fields.length) return; let shouldShow = false; fields.forEach(field => { // Handle unchecked checkboxes (no value specified) if (field.type === "checkbox" && !field.checked) { // If unchecked, we show based on condition (e.g., if condition is "mode=off") if (expectedValues.includes("off")) { shouldShow = true; } } else if (field.type === "checkbox" && field.checked) { // If checked, we can also show based on values in the condition (if specified) const val = field.value || "off"; // Treat empty value as "off" if (expectedValues.includes(val)) { shouldShow = true; } } else if (field.type === "radio") { const selected = document.querySelector(`[name="${fieldName}"]:checked`); if (selected && expectedValues.includes(selected.value)) { shouldShow = true; } } else if (field.tagName === "SELECT") { if (expectedValues.includes(field.value)) { shouldShow = true; } } else if (field.type === "text" || field.type === "hidden") { if (expectedValues.includes(field.value)) { shouldShow = true; } } }); el.classList.toggle("visible", shouldShow); if (!shouldShow) clearHiddenFields(el); }); } function validateStep() { const step = steps[currentStep]; const requiredInputs = step.querySelectorAll("[required]"); let allValid = true; requiredInputs.forEach(input => { if (input.closest("[data-show-if]:not(.visible)")) return; if ( (input.type === "checkbox" && !input.checked) || (input.type === "radio" && !step.querySelector(`[name="${input.name}"]:checked`)) || (input.value.trim() === "") ) { allValid = false; } }); const nextBtn = step.querySelector(".insc-btn-next"); if (nextBtn) { nextBtn.disabled = !allValid; nextBtn.classList.toggle("disabled", !allValid); } } const inputsToWatch = document.querySelectorAll("input, select, textarea"); inputsToWatch.forEach(input => { input.addEventListener("input", () => { evaluateConditions(); validateStep(); }); input.addEventListener("change", () => { evaluateConditions(); validateStep(); }); }); document.querySelectorAll(".insc-btn-next").forEach(btn => { btn.addEventListener("click", () => { if (btn.disabled) return; if (currentStep < steps.length - 1) { showStep(currentStep + 1); } }); }); document.querySelectorAll(".insc-btn-back").forEach(btn => { btn.addEventListener("click", () => { if (currentStep > 0) { showStep(currentStep - 1); } }); }); // Select2 initialization for #classe if (window.jQuery && $('#classe').length) { $('#classe').select2({ placeholder: "Choisissez une classe", data: [ { id: 'CP', text: 'CP' }, { id: 'CE1', text: 'CE1' }, { id: 'CE2', text: 'CE2' }, { id: 'CM1', text: 'CM1' }, { id: 'CM2', text: 'CM2' }, { id: 'Scientifique-1', text: 'Scientifique-1' }, { id: 'Scientifique-2', text: 'Scientifique-2' } ], allowClear: true, width: '100%' }); } showStep(0); }); </script> </body></html>
