FURRO STRIP A – TYP W

Podany strumień świetlny to strumień lampy. W każdej wersji lampa dostarczana jest z taśmą o długości 7m i przewodem zasilającym 1,6m. Inne rodzaje zwieszeń oraz ich układy – na zamówienie .furro-container { max-width: 550px; margin: 30px auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; border: 1px solid #e2e8f0; padding: 30px; border-radius: 16px; background: #ffffff; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03); } .furro-title { margin-top: 0; margin-bottom: 25px; text-align: center; color: #0f172a; font-size: 20px; font-weight: 600; letter-spacing: -0.025em; } .furro-label { display: block; font-weight: 500; margin-bottom: 8px; color: #334155; font-size: 14px; } .furro-select { width: 100%; padding: 12px 16px; border: 1px solid #cbd5e1; border-radius: 10px; background: #ffffff; color: #0f172a; font-size: 14px; outline: none; transition: all 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); cursor: pointer; } .furro-select:focus { border-color: #94a3b8; box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.1); } .furro-slider-group { margin-top: 22px; margin-bottom: 22px; } .furro-slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; } .furro-input-slider { -webkit-appearance: none; width: 100%; height: 6px; border-radius: 3px; background: #e2e8f0; outline: none; margin: 10px 0; } .furro-input-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #475569; cursor: pointer; transition: transform 0.1s, background-color 0.1s; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .furro-input-slider::-webkit-slider-thumb:hover { transform: scale(1.15); background: #1e293b; } .furro-input-slider::-moz-range-thumb { width: 18px; height: 18px; border: none; border-radius: 50%; background: #475569; cursor: pointer; transition: transform 0.1s, background-color 0.1s; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .furro-input-slider::-moz-range-thumb:hover { transform: scale(1.15); background: #1e293b; } .furro-badge { background: #f1f5f9; padding: 4px 10px; border-radius: 6px; color: #0f172a; font-weight: 600; font-size: 14px; } .furro-result-box { background: #f8fafc; padding: 18px; border-radius: 12px; margin-bottom: 25px; border: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center; } .furro-result-label { font-size: 14px; color: #64748b; font-weight: 500; } .furro-result-value { font-size: 22px; font-weight: 700; color: #683a1e; } .furro-preview-window { width: 100%; background: #fdfdfd; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } Wizualizacja konfiguracji zawieszenia Wybierz długość lampy: Lampa 60 cm (rozstaw wpustów na lampie 40cm) Lampa 89 cm (rozstaw wpustów na lampie 65cm) Lampa 117 cm (rozstaw wpustów na lampie 87cm) Lampa 146 cm (rozstaw wpustów na lampie 106cm) Lampa 175 cm (rozstaw wpustów na lampie 131cm) Lampa 204 cm (rozstaw wpustów na lampie 154cm) Lampa 233 cm (rozstaw wpustów na lampie 173cm) Lampa 262 cm (rozstaw wpustów na lampie 182cm) Lampa 291 cm (rozstaw wpustów na lampie 191cm) Wysokość zawieszenia (od sufitu): 150 cm Rozstaw zaczepów na suficie: 60 cm Potrzebna długość taśmy (w tym zapas): 0 cm SUFIT (function() { var aktualnyModelIndex = -1; function inicjalizujZakresySufitu() { var select = document.getElementById("lampa-select"); var sufitSlider = document.getElementById("sufit-slider"); if (!select || !sufitSlider) return; var option = select.options[select.selectedIndex]; var rWpusty = parseFloat(option.getAttribute("data-wpusty")); var rSufitBazowy = parseFloat(option.getAttribute("data-sufit")); var minSufit = rWpusty; var maxSufit = rSufitBazowy + 50; sufitSlider.min = minSufit; sufitSlider.max = maxSufit; sufitSlider.value = rSufitBazowy; document.getElementById("sufit-val").textContent = rSufitBazowy; } function odswiezKalkulatorZRozstawem() { var select = document.getElementById("lampa-select"); var wysokoscSlider = document.getElementById("wysokosc-slider"); var sufitSlider = document.getElementById("sufit-slider"); if (!select || !wysokoscSlider || !sufitSlider) return; if (select.selectedIndex !== aktualnyModelIndex) { aktualnyModelIndex = select.selectedIndex; inicjalizujZakresySufitu(); } var option = select.options[select.selectedIndex]; var dLampa = parseFloat(option.getAttribute("data-dlugosc")); var rWpusty = parseFloat(option.getAttribute("data-wpusty")); var H = parseFloat(wysokoscSlider.value); var rSufitAktualny = parseFloat(sufitSlider.value); document.getElementById("wysokosc-val").textContent = H; document.getElementById("sufit-val").textContent = rSufitAktualny; var s1_x = -(rSufitAktualny / 2); var s2_x = (rSufitAktualny / 2); var wA_x = -(rWpusty / 2); var wB_x = (rWpusty / 2); var d1 = Math.sqrt(Math.pow(wA_x - s1_x, 2) + Math.pow(H, 2)); var d2 = Math.sqrt(Math.pow(0 - wA_x, 2) + Math.pow(H, 2)); var d3 = Math.sqrt(Math.pow(wB_x - 0, 2) + Math.pow(H, 2)); var d4 = Math.sqrt(Math.pow(s2_x - wB_x, 2) + Math.pow(H, 2)); var sumaZZapasem = d1 + d2 + d3 + d4 + 34.7; document.getElementById("linka-total").textContent = sumaZZapasem.toFixed(1); var SKALA = 2.2; var CENTER_X = 400; var SUFIT_Y = 40; var svg_s1x = CENTER_X + (s1_x * SKALA); var svg_s2x = CENTER_X + (s2_x * SKALA); var svg_profilY = SUFIT_Y + (H * SKALA); var profilSzerokoscSVG = dLampa * SKALA; document.getElementById("sufit-p1").setAttribute("x", svg_s1x); document.getElementById("sufit-p2").setAttribute("x", svg_s2x); document.getElementById("sufit-p3").setAttribute("x", CENTER_X); document.getElementById("profil-shape").setAttribute("width", profilSzerokoscSVG); document.getElementById("profil-grupa").setAttribute("transform", "translate(" + (CENTER_X - (profilSzerokoscSVG / 2)) + ", " + svg_profilY + ")"); var odstepOdKrawedzi = ((dLampa - rWpusty) / 2) * SKALA; var wpustAX = odstepOdKrawedzi; var wpustBX = odstepOdKrawedzi + (rWpusty * SKALA); document.getElementById("wpust-a-rect").setAttribute("x", wpustAX - 4); document.getElementById("wpust-b-rect").setAttribute("x", wpustBX - 4); var g_wAx = CENTER_X - (profilSzerokoscSVG / 2) + odstepOdKrawedzi; var g_wBx = CENTER_X - (profilSzerokoscSVG / 2) + odstepOdKrawedzi + (rWpusty * SKALA); var punktyW = svg_s1x + "," + SUFIT_Y + " " + g_wAx + "," + svg_profilY + " " + CENTER_X + "," + SUFIT_Y + " " + g_wBx + "," + svg_profilY + " " + svg_s2x + "," + SUFIT_Y; document.getElementById("linka-sciezka").setAttribute("points", punktyW); // GEOMETRIA PRZEWODU ZASILAJĄCEGO I PUSZKI // Wyjście z lampy: Dokładnie 8 cm na lewo od lewego wpustu var punktWyjsciaKabelX = g_wAx - (8 * SKALA); // Pozycjonowanie czarnej puszki na suficie (dokładnie nad punktem wyjścia) var puszka = document.getElementById("puszka-zasilajaca"); puszka.setAttribute("x", punktWyjsciaKabelX - 10); // Środek puszki (szerokość 20) w osi przewodu // Rysowanie fali przewodu przy użyciu krzywej Beziera (Cubic Bezier) // Im wyżej wisi lampa (mniejsze H), tym mocniej kabel wybrzusza się na bok (większy luz) var roznicaH = 150 - H; var intensywnoscFali = 15 + (roznicaH * 0.35); // Dynamiczne kontrolowanie fali w zależności od odległości var punktKontrolny1_X = punktWyjsciaKabelX - intensywnoscFali; var punktKontrolny1_Y = SUFIT_Y + (svg_profilY - SUFIT_Y) * 0.35; var punktKontrolny2_X = punktWyjsciaKabelX + intensywnoscFali * 0.5; var punktKontrolny2_Y = SUFIT_Y + (svg_profilY - SUFIT_Y) * 0.7; var dKabel = "M " + punktWyjsciaKabelX + "," + (SUFIT_Y + 8) + " C " + punktKontrolny1_X + "," + punktKontrolny1_Y + " " + punktKontrolny2_X + "," + punktKontrolny2_Y + " " + punktWyjsciaKabelX + "," + svg_profilY; document.getElementById("czarny-kabel").setAttribute("d", dKabel); } window.addEventListener("load", odswiezKalkulatorZRozstawem); document.addEventListener("DOMContentLoaded", odswiezKalkulatorZRozstawem); setTimeout(odswiezKalkulatorZRozstawem, 400); document.getElementById("wysokosc-slider").addEventListener("input", odswiezKalkulatorZRozstawem); document.getElementById("sufit-slider").addEventListener("input", odswiezKalkulatorZRozstawem); document.getElementById("lampa-select").addEventListener("change", odswiezKalkulatorZRozstawem); })();