document.addEventListener("DOMContentLoaded", function() { // Sélectionnez le conteneur principal qui regroupe toutes vos cartes de plantes // (adaptez '.grille-plantes' par la classe ou l'ID réel de votre conteneur si nécessaire) const container = document.querySelector('.grille-plantes') || document.body; // Sélectionnez toutes les cartes individuelles // (adaptez '.carte-plante' par la classe de vos blocs individuels) const cards = Array.from(container.querySelectorAll('.carte-plante')); if (cards.length === 0) return; // Tri alphabétique basé sur le texte du titre de la carte (balise h3) cards.sort((a, b) => { const titleA = a.querySelector('h3') ? a.querySelector('h3').textContent.trim() : ''; const titleB = b.querySelector('h3') ? b.querySelector('h3').textContent.trim() : ''; return titleA.localeCompare(titleB, 'fr', { sensitivity: 'base' }); }); // Réinjection des cartes triées dans le conteneur dans le bon ordre cards.forEach(card => container.appendChild(card)); });