Update app.py

app.py

@@ -672,35 +672,6 @@ h3 {
 </style>
 """, unsafe_allow_html=True)
 
-components.html("""
-<script>
-function styleSliders() {
-    // اضافه کردن نقاط به اسلایدرها
-    const sliders = document.querySelectorAll('[data-testid="stSlider"] > div:first-child');
-    sliders.forEach(slider => {
-        const max = parseInt(slider.getAttribute('aria-valuemax'));
-        const min = parseInt(slider.getAttribute('aria-valuemin'));
-        const steps = max - min;
-        
-        // ایجاد نقاط
-        slider.style.background = `repeating-linear-gradient(
-            to right,
-            #6a0dad,
-            #6a0dad 2px,
-            transparent 2px,
-            transparent calc(100%/${steps} - 1px),
-            #6a0dad calc(100%/${steps}),
-            #6a0dad calc(100%/${steps} + 1px)
-        )`;
-    });
-}
-
-// اجرای تابع پس از بارگذاری صفحه
-document.addEventListener('DOMContentLoaded', styleSliders);
-window.addEventListener('load', styleSliders);
-</script>
-""")
-
 # ========== توابع اصلی ==========
 def create_ride_map():
     """ایجاد نقشه سفر با Folium - نسخه اصلاح شده با مناطق عمومی"""
@@ -886,7 +857,7 @@ def save_to_sheet(data):
         st.error(f"خطا در ذخیره‌سازی: {str(e)}")
         return False 
 
-def create_likert_question(question, key, scale_type="5point"):
+def create_likert_question(question, key, scale_type="5point"):    
     """نمایش سوال لیکرت با اسلایدر نقطه‌ای"""
     # تعریف لیبل‌های دو طرف
     left_label = "کاملاً مخالفم" if scale_type == "7point" else "کاملاً مخالفم"
@@ -918,6 +889,22 @@ def create_likert_question(question, key, scale_type="5point"):
         """,
         unsafe_allow_html=True
     )
+            # اضافه کردن JavaScript مخصوص این اسلایدر
+    st.components.v1.html(f"""
+    <script>
+    (function() {{
+        const slider = parent.document.querySelector('[data-testid="stSlider"] [aria-valuenow="{value}"]');
+        if(slider) {{
+            slider.parentElement.style.background = `repeating-linear-gradient(
+                to right,
+                #6a0dad, #6a0dad 2px,
+                transparent 2px, transparent calc(100%/{max_value-1} - 1px),
+                #6a0dad calc(100%/{max_value-1}), #6a0dad calc(100%/{max_value-1} + 1px)
+            )`;
+        }}
+    }})();
+    </script>
+    """, height=0)
     
     return value