Inscrption

<?php

// Enregistre les données pour le JS en pied de page
// (plus fiable que d'injecter dans le contenu)
$store = [
‘uid’ => $uid,
‘initial’ => $initial,
‘categories’ => $categories,
];
// Empile les instances (si plusieurs shortcodes sur la page)
$instances = (array) wp_cache_get(‘fc_instances’, ‘inscription_concours’);
$instances[] = $store;
wp_cache_set(‘fc_instances’, $instances, ‘inscription_concours’);

return ob_get_clean();
});
});

// Script en pied de page pour initialiser tous les formulaires présents
add_action(‘wp_footer’, function () {
$instances = (array) wp_cache_get(‘fc_instances’, ‘inscription_concours’);
if (empty($instances)) { return; }

// On imprime une seule fois le script + on passe les instances en JSON.
?>

(function(){
var instances = ;
if (!Array.isArray(instances)) return;

function buildRow(tbody, idx, categories){
var tr = document.createElement(‘tr’);

var tdNum = document.createElement(‘td’);
tdNum.className = ‘num’; tdNum.textContent = idx;
tr.appendChild(tdNum);

var tdNom = document.createElement(‘td’);
var nom = document.createElement(‘input’);
nom.type = ‘text’; nom.name = ‘eleves[‘+idx+’][nom]’; nom.placeholder = ‘NOM’; nom.style.textTransform=’uppercase’;
tdNom.appendChild(nom); tr.appendChild(tdNom);

var tdPrenom = document.createElement(‘td’);
var prenom = document.createElement(‘input’);
prenom.type = ‘text’; prenom.name = ‘eleves[‘+idx+’][prenom]’;
tdPrenom.appendChild(prenom); tr.appendChild(tdPrenom);

var tdSexe = document.createElement(‘td’);
var sexe = document.createElement(‘select’);
sexe.name = ‘eleves[‘+idx+’][sexe]’;
[ », ‘M’, ‘F’].forEach(function(v){ var o=document.createElement(‘option’); o.value=v; o.textContent=v; sexe.appendChild(o); });
tdSexe.appendChild(sexe); tr.appendChild(tdSexe);

var tdCat = document.createElement(‘td’);
var cat = document.createElement(‘select’);
cat.name = ‘eleves[‘+idx+’][categorie]’;
categories.forEach(function(v){ var o=document.createElement(‘option’); o.value=v; o.textContent=v; cat.appendChild(o); });
tdCat.appendChild(cat); tr.appendChild(tdCat);

var tdMorceau = document.createElement(‘td’);
var morceau = document.createElement(‘input’);
morceau.type = ‘text’; morceau.name = ‘eleves[‘+idx+’][morceau]’; morceau.placeholder = ‘Titre du morceau imposé’;
tdMorceau.appendChild(morceau); tr.appendChild(tdMorceau);

tbody.appendChild(tr);
}

function initOne(inst){
var root = document.getElementById(inst.uid);
if (!root || root.dataset.initialized === ‘1’) return;
var tbody = root.querySelector(‘.fc-eleves’);
var addBtn = root.querySelector(‘.fc-add’);
if (!tbody || !addBtn) return;

var count = 0;
function addRow(){ count += 1; buildRow(tbody, count, inst.categories || []); }

for (var k=0; k<(inst.initial || 20); k++) addRow();
addBtn.addEventListener('click', addRow, false);

root.dataset.initialized = '1';
}

// DOM prêt
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function(){ instances.forEach(initOne); });
} else {
instances.forEach(initOne);
}
})();

<?php
}, 100);