function show_filter_popup() { // دریافت عنصرهای مورد نیاز var filter_popup = document.getElementById("filterpopup"); var btnfilter = document.getElementById("filter"); var span = document.getElementsByClassName("close")[0]; var filter_code = document.getElementById("filter-code"); // باز کردن پنجره پاپ آپ با کلیک بر روی دکمه btnfilter.onclick = function() { filter_popup.style.visibility = "visible"; document.getElementById('filter-code').classList.toggle('visibility'); filter_code.classList.add('fixed'); }; // بستن پنجره با کلیک بر روی علامت × span.onclick = function() { filter_popup.style.visibility = "hidden"; filter_code.classList.remove('visibility'); }; // بستن پنجره با کلیک خارج از آن window.onclick = function(event) { if (event.target == filter_popup) { filter_popup.style.visibility = "hidden"; filter_code.classList.remove('visibility'); } }; }; window.addEventListener('load', show_filter_popup);