Flohmärkte und Flohmärkte in Loire-Atlantique (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; }

Niedrigere Preise

Kaufen Sie in großen Mengen (Geschirr, Bücher, Trödel).

Letzte halbe Stunde

Räumungsverkauf

Bieten Sie einen fairen Gesamtpreis.

Um den Überblick zu behalten, hilft ein praktisches Video dabei, Schnäppchenjagd-Techniken zu visualisieren, insbesondere an Ständen in

Nantes

und auf Flohmärkten in der Region.

Welche Dokumente werden benötigt, um einen Stand auf einem Flohmarkt in Loire-Atlantique zu betreiben?

Im Allgemeinen: ein Personalausweis und, je nach Veranstalter, ein Adressnachweis und die Fahrzeugpapiere. In Nantes, wie auch anderswo, erfolgt die Anmeldung oft im Voraus über einen Verein oder das Rathaus, wobei interne Vorschriften zu beachten sind.

Woran erkennt man, ob ein Artikel eher eine Schätzung als einen sofortigen Verkauf verdient?

Auf einem Flohmarkt sind bestimmte Merkmale wichtig: Signatur, Marke, antikes Material (Massivholz, Messing), Originalzustand und Gesamtstimmigkeit (komplettes Set, Serie). Bei einer Erbschaft oder Haushaltsauflösung sollten Sie diese Stücke beiseitelegen und von einem Fachmann schätzen lassen, um einen zu niedrigen Verkaufspreis zu vermeiden. Wann findet man in Nantes am besten Schnäppchen?

In Nantes eignen sich die frühen Morgenstunden ideal, um die gesuchten Artikel (Möbel, Poster, Schallplatten) zu ergattern. Der späte Vormittag ist perfekt zum Verhandeln, besonders beim Kauf größerer Mengen. Die beiden Strategien ergänzen sich je nach Ihrem Ziel. Kann man mit Kindern effektiv auf dem Flohmarkt stöbern?

Ja, indem man ein einfaches Ziel setzt (z. B. ein Buch, ein Spielzeug, ein Poster) und ein Budget festlegt. Wählen Sie gut abgegrenzte Gänge und planen Sie Pausen ein: Der Flohmarkt wird so zu einem unterhaltsamen und lehrreichen Ausflug, besonders wenn man mit den Verkäufern ins Gespräch kommt.

/* === 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(); } })();