Vendite di garage e mercatini delle pulci nella Loira Atlantica (44)

/* — Design (sans images) — */ #infographie-vide-greniers-44 .bg-grid { background-image: radial-gradient(transparent 1px, rgba(255,255,255,0.0) 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px); background-size: 10px 10px, 26px 26px, 26px 26px; background-position: 0 0, 0 0, 0 0; } #infographie-vide-greniers-44 .glass { background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06)); border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 10px 30px rgba(0,0,0,0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } #infographie-vide-greniers-44 .chip { border: 1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.06); } #infographie-vide-greniers-44 .focus-ring:focus { outline: 3px solid rgba(59,130,246,0.75); outline-offset: 2px; } #infographie-vide-greniers-44 .slider { accent-color: #60a5fa; } #infographie-vide-greniers-44 .bar { height: 10px; border-radius: 999px; background: rgba(255,255,255,0.10); overflow: hidden; border: 1px solid rgba(255,255,255,0.10); } #infographie-vide-greniers-44 .bar > i { display: block; height: 100%; width: 0%; border-radius: 999px; background: linear-gradient(90deg, rgba(96,165,250,0.95), rgba(52,211,153,0.95)); transition: width 300ms ease; } /* Hauteur max (outil complet) */ #infographie-vide-greniers-44 .cap-height { max-height: 2000px; }

Mercatino delle pulci costiero

Articoli da mare, poster, atmosfera familiare

Orario

Obiettivo

Suggerimento

Mattina presto

Oggetti rari

Dai un’occhiata veloce, poi torna per contrattare

Tarda mattinata

Prezzi più bassi

Acquista all’ingrosso (piatti, libri, cianfrusaglie)

Ultima mezz’ora Svendita

Offri un prezzo equo e globale Per tenere il passo, un video pratico aiuta a visualizzare le tecniche di caccia all’affare, soprattutto alle bancarelle di

Nantes e ai mercatini delle pulci della regione.

Quali documenti sono necessari per gestire una bancarella in un mercatino delle pulci nella Loira Atlantica?

In genere: un documento d’identità e, a seconda dell’organizzatore, un documento di residenza e la targa del veicolo. A Nantes, come altrove, la registrazione viene spesso effettuata in anticipo tramite un’associazione o un comune, con regolamenti interni da seguire.

Come fai a sapere se un oggetto merita una valutazione piuttosto che una vendita immediata?

In un mercatino delle pulci, alcuni indizi sono importanti: la firma, la marca, il materiale antico (legno massello, ottone), le condizioni originali e la coerenza complessiva (serie completa, serie). In caso di eredità o di sgombero di una casa, mettete da parte questi pezzi e fateli valutare da un professionista per evitare di svendere. Quali sono i momenti migliori per fare affari a Nantes? A Nantes, le prime ore del mattino sono ideali per accaparrarsi gli articoli che cercate (mobili, poster, dischi in vinile). La tarda mattinata è ideale per negoziare, soprattutto quando si acquista all’ingrosso. Le due strategie sono complementari a seconda dell’obiettivo. Riuscite a curiosare efficacemente con i bambini? Sì, stabilendo una semplice “missione” (un libro, un giocattolo, un poster) e un budget. Scegliete corsie ben distanziate e pianificate una pausa: il mercatino delle pulci diventa un’uscita divertente e istruttiva, soprattutto quando si chiacchiera con i venditori.

/* === API externe 100% gratuite (sans clé) === Service : Open-Meteo (prévisions) URL (exemple Nantes) : https://api.open-meteo.com/v1/forecast?latitude=47.2184&longitude=-1.5536&current=temperature_2m,precipitation,rain,wind_speed_10m&timezone=Europe%2FParis Exemple de réponse JSON (extrait) : { “latitude”:47.22, “longitude”:-1.55, “current”:{ “time”:”2025-12-15T10:00″, “temperature_2m”:8.2, “precipitation”:0.0, “rain”:0.0, “wind_speed_10m”:12.3 } } */ (function () { // ============ Textes (FR) facilement éditables ============ const STR = { badge: “Infographie interactive”, title: “Vide-greniers & brocantes en Loire-Atlantique (44)”, subtitle: “Filtrez les événements, estimez votre budget et récupérez une checklist prête à copier.”, filterTitle: “Trouver un vide-greniers (exemples)”, filterDesc: “La liste ci-dessous est un exemple éditable. Vous pouvez remplacer les données par les vôtres.”, disclaimer: “Remarque : cette infographie ne remplace pas les annonces officielles. Vérifiez toujours l’organisateur (horaires, annulation, météo, autorisations).”, townLabel: “Commune”, typeLabel: “Type”, distanceLabel: “Distance maximale (km)”, distanceHint: “Estimation basée sur un point de départ (modifiable) et une formule simple.”, searchLabel: “Recherche (nom / détails)”, resultsSuffix: “événement(s) correspondant(s)”, sortLabel: “Tri”, reset: “Réinitialiser”, copySelection: “Copier ma sélection”, weatherLabel: “Météo (gratuite)”, weatherLoading1: “Chargement…”, weatherLoading2: “—”, weatherHint: “Astuce : privilégiez les matinées si risque de pluie. (Données Open-Meteo)”, weatherLine: (city, t, rain, wind) => `${city} : ${t}°C • Pluie ${rain} mm • Vent ${wind} km/h`, budgetTitle: “Estimation rapide du budget”, budgetDesc: “Ajustez vos paramètres pour obtenir une fourchette réaliste (carburant + achats + imprévus).”, modeVisitor: “Mode : visiteur”, modeExhibitor: “Mode : exposant”, youAre: “Vous êtes”, tripKm: “Trajet estimé (km)”, conso: “Conso (L/100km)”, fuelPrice: “Prix carburant (€/L)”, buyBudget: “Budget achats (€)”, buffer: “Marge imprévus”, totalEstimated: “Total estimé”, indicativeRange: “Fourchette indicative”, min: “Minimum”, comfort: “Confort”, breakdownFuel: “Carburant”, breakdownBuy: “Achats”, breakdownFees: “Frais (exposant)”, budgetNote: “Calcul simplifié : carburant = km × (conso/100) × prix. Les frais exposant sont estimés.”, checklistTitle: “Checklist express”, checklistDesc: “Cochez, puis copiez une liste propre à coller dans vos notes.”, copy: “Copier”, checkAll: “Tout cocher”, uncheckAll: “Tout décocher”, smartTips: “Conseils selon météo”, tipsTitle: “Conseils rapides”, toastCopied: “Copié dans le presse-papiers.”, toastFallback: “Copie impossible automatiquement. Sélectionnez et copiez manuellement.” }; // ============ Données locales (exemples) ============ // IMPORTANT : vous pouvez remplacer ce tableau par “la data pour l’outils” si vous la collez ici. // Champs : id, nom, commune, type, dateISO, debut, fin, lat, lon, details const EVENTS = [ { id: “vg-nantes-01”, nom: “Vide-greniers du quartier (exemple)”, commune: “Nantes”, type: “Vide-greniers”, dateISO: “2026-04-12”, debut: “08:00”, fin: “18:00”, lat: 47.2184, lon: -1.5536, details: “Accès transports • Restauration • Toilettes” }, { id: “brc-reze-01”, nom: “Brocante de printemps (exemple)”, commune: “Rezé”, type: “Brocante”, dateISO: “2026-05-03”, debut: “09:00”, fin: “17:30”, lat: 47.1907, lon: -1.5686, details: “Professionnels & particuliers • Parking à proximité” }, { id: “vg-stherblain-01”, nom: “Vide-greniers associatif (exemple)”, commune: “Saint-Herblain”, type: “Vide-greniers”, dateISO: “2026-06-07”, debut: “07:30”, fin: “18:30”, lat: 47.2175, lon: -1.6493, details: “Entrée gratuite • Emplacements exposants sur réservation” }, { id: “brc-guerande-01”, nom: “Brocante & antiquités (exemple)”, commune: “Guérande”, type: “Brocante”, dateISO: “2026-07-19”, debut: “08:30”, fin: “19:00”, lat: 47.3282, lon: -2.4296, details: “Centre historique • Idéal pour chiner tôt” }, { id: “vg-saintnazaire-01”, nom: “Grand vide-greniers (exemple)”, commune: “Saint-Nazaire”, type: “Vide-greniers”, dateISO: “2026-08-23”, debut: “08:00”, fin: “18:00”, lat: 47.2733, lon: -2.2137, details: “Grande capacité • Zone ombragée partielle” } ]; // Point de départ (modifiable) : Nantes centre const START = { label: “Point de départ : Nantes”, lat: 47.2184, lon: -1.5536 }; // ============ Checklist (FR) ============ const CHECKLIST_ITEMS = [ “Espèces (petites coupures) + monnaie”, “Sac cabas / chariot / sacs solides”, “Mètre ruban (meubles, cadres, vélos)”, “Batterie externe + câble”, “Lingettes / gel hydroalcoolique”, “Bouteille d’eau + encas”, “Vêtements adaptés (couche imperméable)”, “Liste de ce que je cherche + budget max”, “De quoi protéger les trouvailles (papier bulle, couverture)”, “Pour exposants : table, bâche, ficelle, scotch, marqueur” ]; // ============ Helpers ============ const $ = (sel) => document.querySelector(sel); const root = $(“#infographie-vide-greniers-44”); function formatDateFR(dateISO) { const d = new Date(dateISO + “T00:00:00”); return d.toLocaleDateString(“fr-FR”, { weekday: “short”, year: “numeric”, month: “long”, day: “numeric” }); } // Haversine (distance km) function distanceKm(lat1, lon1, lat2, lon2) { const R = 6371; const toRad = (x) => x * Math.PI / 180; const dLat = toRad(lat2 – lat1); const dLon = toRad(lon2 – lon1); const a = Math.sin(dLat / 2) ** 2 + Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) * Math.sin(dLon / 2) ** 2; const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 – a)); return R * c; } function clamp(n, min, max) { return Math.max(min, Math.min(max, n)); } function euro(n) { const v = Number.isFinite(n) ? n : 0; return v.toLocaleString(“fr-FR”, { style: “currency”, currency: “EUR” }); } async function copyToClipboard(text) { try { await navigator.clipboard.writeText(text); showToast(STR.toastCopied); return true; } catch (e) { showToast(STR.toastFallback); return false; } } let toastTimer = null; function showToast(msg) { const toast = $(“#toast”); $(“#toastText”).textContent = msg; toast.classList.remove(“hidden”); if (toastTimer) clearTimeout(toastTimer); toastTimer = setTimeout(() => toast.classList.add(“hidden”), 2200); } // ============ UI init textes ============ function setStaticText() { $(“#txtBadge”).textContent = STR.badge; $(“#txtTitle”).textContent = STR.title; $(“#txtSubtitle”).textContent = STR.subtitle; $(“#txtFilterTitle”).textContent = STR.filterTitle; $(“#txtFilterDesc”).textContent = STR.filterDesc; $(“#txtTownLabel”).textContent = STR.townLabel; $(“#txtTypeLabel”).textContent = STR.typeLabel; $(“#txtDistanceLabel”).textContent = STR.distanceLabel; $(“#txtDistanceHint”).textContent = STR.distanceHint; $(“#txtSearchLabel”).textContent = STR.searchLabel; $(“#txtResultsSuffix”).textContent = STR.resultsSuffix; $(“#txtSortLabel”).textContent = STR.sortLabel; $(“#btnReset”).textContent = STR.reset; $(“#btnCopySelection”).textContent = STR.copySelection; $(“#txtNowLabel”).textContent = STR.weatherLabel; $(“#meteoLine1”).textContent = STR.weatherLoading1; $(“#meteoLine2”).textContent = STR.weatherLoading2; $(“#meteoHint”).textContent = STR.weatherHint; $(“#txtDisclaimer”).textContent = STR.disclaimer; $(“#txtBudgetTitle”).textContent = STR.budgetTitle; $(“#txtBudgetDesc”).textContent = STR.budgetDesc; $(“#txtRoleLabel”).textContent = STR.youAre; $(“#txtKmLabel”).textContent = STR.tripKm; $(“#txtConsoLabel”).textContent = STR.conso; $(“#txtFuelLabel”).textContent = STR.fuelPrice; $(“#txtBuyLabel”).textContent = STR.buyBudget; $(“#txtBufferLabel”).textContent = STR.buffer; $(“#txtBudgetResultTitle”).textContent = STR.totalEstimated; $(“#txtBudgetResultHint”).textContent = STR.indicativeRange; $(“#txtBudgetMin”).textContent = STR.min; $(“#txtBudgetMax”).textContent = STR.comfort; $(“#txtBreakdownFuel”).textContent = STR.breakdownFuel; $(“#txtBreakdownBuy”).textContent = STR.breakdownBuy; $(“#txtBreakdownFees”).textContent = STR.breakdownFees; $(“#txtBudgetNote”).textContent = STR.budgetNote; $(“#txtChecklistTitle”).textContent = STR.checklistTitle; $(“#txtChecklistDesc”).textContent = STR.checklistDesc; $(“#btnCopyChecklist”).textContent = STR.copy; $(“#btnCheckAll”).textContent = STR.checkAll; $(“#btnUncheckAll”).textContent = STR.uncheckAll; $(“#btnSmartTips”).textContent = STR.smartTips; $(“#txtTipsTitle”).textContent = STR.tipsTitle; } // ============ Filtres : options ============ function uniqueSorted(arr) { return […new Set(arr)].sort((a, b) => a.localeCompare(b, “fr”)); } function buildSelectOptions() { const towns = uniqueSorted(EVENTS.map(e => e.commune)); const types = uniqueSorted(EVENTS.map(e => e.type)); const selTown = $(“#selTown”); const selType = $(“#selType”); selTown.innerHTML = “”; selType.innerHTML = “”; const optAllTown = document.createElement(“option”); optAllTown.value = “TOUTES”; optAllTown.textContent = “Toutes les communes”; selTown.appendChild(optAllTown); towns.forEach(t => { const o = document.createElement(“option”); o.value = t; o.textContent = t; selTown.appendChild(o); }); const optAllType = document.createElement(“option”); optAllType.value = “TOUS”; optAllType.textContent = “Tous les types”; selType.appendChild(optAllType); types.forEach(t => { const o = document.createElement(“option”); o.value = t; o.textContent = t; selType.appendChild(o); }); } // ============ Rendu liste ============ function getFilteredSorted() { const town = $(“#selTown”).value; const type = $(“#selType”).value; const q = ($(“#inpSearch”).value || “”).trim().toLowerCase(); const maxDist = Number($(“#rangeDistance”).value); const sort = $(“#selSort”).value; const enriched = EVENTS.map(ev => { const d = distanceKm(START.lat, START.lon, ev.lat, ev.lon); return { …ev, distance: d }; }); let res = enriched.filter(ev => { const okTown = (town === “TOUTES”) || (ev.commune === town); const okType = (type === “TOUS”) || (ev.type === type); const okDist = ev.distance (a.dateISO).localeCompare(b.dateISO)); } else if (sort === “distanceAsc”) { res.sort((a, b) => a.distance – b.distance); } else if (sort === “nameAsc”) { res.sort((a, b) => a.nom.localeCompare(b.nom, “fr”)); } return res; } function renderList() { $(“#distanceValue”).textContent = String($(“#rangeDistance”).value); const list = $(“#list”); const items = getFilteredSorted(); $(“#resultsCount”).textContent = String(items.length); list.innerHTML = “”; if (items.length === 0) { const empty = document.createElement(“div”); empty.className = “rounded-xl border border-white/10 bg-white/5 p-4 text-sm text-slate-200”; empty.textContent = “Aucun événement ne correspond. Essayez d’augmenter la distance ou d’enlever un filtre.”; list.appendChild(empty); return; } items.forEach(ev => { const card = document.createElement(“article”); card.className = “rounded-2xl border border-white/10 bg-white/5 p-4 hover:bg-white/7 transition”; const top = document.createElement(“div”); top.className = “flex items-start justify-between gap-3”; const left = document.createElement(“div”); left.className = “min-w-0”; const h = document.createElement(“h4”); h.className = “text-base font-semibold text-slate-50 truncate”; h.textContent = ev.nom; const meta = document.createElement(“div”); meta.className = “mt-1 flex flex-wrap items-center gap-2 text-xs text-slate-300”; const chip1 = document.createElement(“span”); chip1.className = “chip rounded-full px-2 py-1”; chip1.textContent = ev.commune; const chip2 = document.createElement(“span”); chip2.className = “chip rounded-full px-2 py-1”; chip2.textContent = ev.type; const chip3 = document.createElement(“span”); chip3.className = “chip rounded-full px-2 py-1 tabular-nums”; chip3.textContent = `${ev.distance.toFixed(1)} km (depuis ${START.label.replace(“Point de départ : “, “”)})`; meta.appendChild(chip1); meta.appendChild(chip2); meta.appendChild(chip3); const when = document.createElement(“div”); when.className = “mt-2 text-sm text-slate-200”; when.textContent = `${formatDateFR(ev.dateISO)} • ${ev.debut} – ${ev.fin}`; const details = document.createElement(“p”); details.className = “mt-2 text-sm text-slate-300 leading-relaxed”; details.textContent = ev.details; left.appendChild(h); left.appendChild(meta); left.appendChild(when); left.appendChild(details); const right = document.createElement(“div”); right.className = “shrink-0 flex flex-col gap-2 items-end”; const btn = document.createElement(“button”); btn.className = “focus-ring rounded-lg px-3 py-2 text-sm bg-white/10 hover:bg-white/15 transition”; btn.textContent = “Copier”; btn.setAttribute(“aria-label”, “Copier les détails de cet événement”); btn.addEventListener(“click”, () => { const txt = `${ev.nom}n` + `${ev.type} • ${ev.commune} (44)n` + `${formatDateFR(ev.dateISO)} • ${ev.debut} – ${ev.fin}n` + `Distance estimée : ${ev.distance.toFixed(1)} km (depuis ${START.label})n` + `Détails : ${ev.details}`; copyToClipboard(txt); }); const small = document.createElement(“div”); small.className = “text-[11px] text-slate-400 text-right”; small.textContent = “À vérifier auprès de l’organisateur”; right.appendChild(btn); right.appendChild(small); top.appendChild(left); top.appendChild(right); card.appendChild(top); list.appendChild(card); }); } // ============ Budget ============ function computeBudget() { const role = $(“#selRole”).value; const km = Math.max(0, Number($(“#inpKm”).value || 0)); const conso = Math.max(0, Number($(“#inpConso”).value || 0)); const fuel = Math.max(0, Number($(“#inpFuel”).value || 0)); const buy = Math.max(0, Number($(“#inpBuy”).value || 0)); const bufferPct = Number($(“#rangeBuffer”).value || 0); $(“#bufferValue”).textContent = `${bufferPct}%`; // Carburant : km * (L/100km) * €/L const fuelCost = km * (conso / 100) * fuel; // Frais exposant : estimation simple // (souvent 2-6€ le mètre linéaire ; ici un forfait indicatif) const fees = (role === “exposant”) ? 12 : 0; // Base const base = fuelCost + buy + fees; const buffer = base * (bufferPct / 100); // Fourchette : minimum = base, confort = base + buffer + 10% “souplesse” const min = base; const max = base + buffer + (base * 0.10); $(“#budgetMin”).textContent = euro(min); $(“#budgetMax”).textContent = euro(max); $(“#budgetBadge”).textContent = (role === “exposant”) ? STR.modeExhibitor : STR.modeVisitor; $(“#breakFuel”).textContent = euro(fuelCost); $(“#breakBuy”).textContent = euro(buy); $(“#breakFees”).textContent = euro(fees); // Bars (ratio relatif à max) const totalForBars = Math.max(max, 1); const wFuel = clamp((fuelCost / totalForBars) * 100, 0, 100); const wBuy = clamp((buy / totalForBars) * 100, 0, 100); const wFees = clamp((fees / totalForBars) * 100, 0, 100); $(“#barFuel”).style.width = wFuel.toFixed(1) + “%”; $(“#barBuy”).style.width = wBuy.toFixed(1) + “%”; $(“#barFees”).style.width = wFees.toFixed(1) + “%”; } // ============ Checklist ============ function renderChecklist() { const wrap = $(“#checklist”); wrap.innerHTML = “”; CHECKLIST_ITEMS.forEach((label, idx) => { const id = `chk_${idx}`; const row = document.createElement(“label”); row.className = “flex items-start gap-3 rounded-xl border border-white/10 bg-white/5 p-3 hover:bg-white/7 transition cursor-pointer”; const input = document.createElement(“input”); input.type = “checkbox”; input.id = id; input.className = “mt-1 h-4 w-4 accent-emerald-400”; input.setAttribute(“aria-label”, label); const text = document.createElement(“div”); text.className = “text-sm text-slate-200 leading-snug”; text.textContent = label; row.appendChild(input); row.appendChild(text); wrap.appendChild(row); }); } function checklistText() { const inputs = Array.from($(“#checklist”).querySelectorAll(“input[type=’checkbox’]”)); const lines = inputs.map((inp, i) => { const label = CHECKLIST_ITEMS[i]; const mark = inp.checked ? “[x]” : “[ ]”; return `${mark} ${label}`; }); return `Checklist vide-greniers / brocantes (44)n` + lines.join(“n”); } // ============ Météo (Open-Meteo) ============ const METEO = { city: “Nantes”, lat: 47.2184, lon: -1.5536, timezone: “Europe/Paris” }; function interpretWeather(current) { const t = Math.round(current.temperature_2m); const rain = Number(current.rain ?? current.precipitation ?? 0); const wind = Math.round(current.wind_speed_10m); return { t, rain, wind }; } async function fetchWeather() { const url = `https://api.open-meteo.com/v1/forecast` + `?latitude=${encodeURIComponent(METEO.lat)}` + `&longitude=${encodeURIComponent(METEO.lon)}` + `&current=temperature_2m,precipitation,rain,wind_speed_10m` + `&timezone=${encodeURIComponent(METEO.timezone)}`; $(“#meteoLine1”).textContent = STR.weatherLoading1; $(“#meteoLine2”).textContent = “Connexion à Open-Meteo…”; try { const res = await fetch(url, { cache: “no-store” }); if (!res.ok) throw new Error(“Réponse météo invalide”); const json = await res.json(); const cur = json.current || {}; const { t, rain, wind } = interpretWeather(cur); $(“#meteoLine1”).textContent = STR.weatherLine(METEO.city, t, rain.toFixed(1), wind); $(“#meteoLine2”).textContent = `Dernière mise à jour : ${String(cur.time || “”).replace(“T”, ” “) || “—”}`; // Stocker pour les conseils root.__meteo = { t, rain, wind, time: cur.time || null }; } catch (e) { $(“#meteoLine1”).textContent = “Météo indisponible pour le moment.”; $(“#meteoLine2”).textContent = “Vous pouvez continuer sans la météo.”; root.__meteo = null; } } function buildTipsFromWeather() { const m = root.__meteo; const tips = []; if (!m) { tips.push(“Prévoyez une couche légère + une option imperméable, par précaution.”); tips.push(“Arrivez tôt : le meilleur choix part souvent en première heure.”); tips.push(“Fixez un budget max avant de chiner, puis gardez 10–15% de marge.”); return tips; } if (m.rain >= 1.0) { tips.push(“Risque de pluie : prenez une veste imperméable et des sacs étanches pour vos trouvailles.”); tips.push(“Privilégiez les stands abrités et protégez les objets fragiles (papier bulle / couverture).”); } else { tips.push(“Peu de pluie : c’est un bon jour pour chiner tôt et comparer les prix.”); } if (m.wind >= 25) { tips.push(“Vent soutenu : pour exposants, prévoyez pinces, ficelle et lest pour la bâche.”); } if (m.t = 22) { tips.push(“Température douce/chaude : eau + casquette, et faites une pause avant midi.”); } tips.push(“Négociation : proposez un prix global si vous prenez plusieurs objets.”); return tips; } function showTips() { const list = $(“#tipsList”); list.innerHTML = “”; buildTipsFromWeather().forEach(t => { const li = document.createElement(“li”); li.textContent = t; list.appendChild(li); }); $(“#tipsBox”).classList.remove(“hidden”); $(“#tipsBox”).scrollIntoView({ block: “nearest”, behavior: “smooth” }); } // ============ Copier sélection ============ function selectionText() { const items = getFilteredSorted(); const header = `Sélection d’événements (Loire-Atlantique 44)n` + `Filtres : commune=${$(“#selTown”).value}, type=${$(“#selType”).value}, distance { return ( `${i + 1}. ${ev.nom}n` + ` ${ev.type} • ${ev.commune} (44)n` + ` ${formatDateFR(ev.dateISO)} • ${ev.debut} – ${ev.fin}n` + ` Distance : ${ev.distance.toFixed(1)} kmn` + ` Détails : ${ev.details}n` ); }); return header + (lines.length ? lines.join(“n”) : “Aucun événement correspondant.”); } // ============ Events ============ function bindEvents() { $(“#selTown”).addEventListener(“change”, renderList); $(“#selType”).addEventListener(“change”, renderList); $(“#rangeDistance”).addEventListener(“input”, renderList); $(“#inpSearch”).addEventListener(“input”, () => { // Petit debounce simple if (root.__searchTimer) clearTimeout(root.__searchTimer); root.__searchTimer = setTimeout(renderList, 120); }); $(“#selSort”).addEventListener(“change”, renderList); $(“#btnReset”).addEventListener(“click”, () => { $(“#selTown”).value = “TOUTES”; $(“#selType”).value = “TOUS”; $(“#rangeDistance”).value = “20”; $(“#inpSearch”).value = “”; $(“#selSort”).value = “dateAsc”; renderList(); }); $(“#btnCopySelection”).addEventListener(“click”, () => { copyToClipboard(selectionText()); }); // Budget [“selRole”, “inpKm”, “inpConso”, “inpFuel”, “inpBuy”, “rangeBuffer”].forEach(id => { $(“#” + id).addEventListener(“input”, computeBudget); $(“#” + id).addEventListener(“change”, computeBudget); }); // Checklist $(“#btnCopyChecklist”).addEventListener(“click”, () => copyToClipboard(checklistText())); $(“#btnCheckAll”).addEventListener(“click”, () => { $(“#checklist”).querySelectorAll(“input[type=’checkbox’]”).forEach(i => i.checked = true); }); $(“#btnUncheckAll”).addEventListener(“click”, () => { $(“#checklist”).querySelectorAll(“input[type=’checkbox’]”).forEach(i => i.checked = false); }); // Tips $(“#btnSmartTips”).addEventListener(“click”, showTips); // Météo $(“#btnMeteoRefresh”).addEventListener(“click”, fetchWeather); } // ============ Init ============ function init() { setStaticText(); buildSelectOptions(); renderList(); renderChecklist(); computeBudget(); fetchWeather(); } // Assurer que le composant s’initialise même si collé en bas de page if (document.readyState === “loading”) { document.addEventListener(“DOMContentLoaded”, init, { once: true }); } else { init(); } })();