پروژه های چوبی
قسمت نجاری شرکت تولیدی و صنعتی ویستر در کنار فعالیت های خود در حوزه کالای خواب مبادرت به انجام پروژه هایی در زمینه دکوراسیون داخلی (تزئینات داخلی) می نماید که در ذیل نمونه هایی از کار های انجام شده در این زمینه نشان داده شده است.
const audio = document.getElementById("background-audio");
const channel = new BroadcastChannel("music-control");
let isPlaying = false;
function playAudio() {
if (!isPlaying) {
audio.play().then(() => {
isPlaying = true;
channel.postMessage("playing");
}).catch(() => {
console.log("پخش خودکار توسط مرورگر بلاک شد.");
});
}
}
// وقتی تب جدید باز شد، بررسی کند که آیا موسیقی باید پخش شود یا نه
channel.onmessage = function (event) {
if (event.data === "playing") {
audio.pause();
isPlaying = false;
}
};
window.addEventListener("load", () => {
setTimeout(playAudio, 1000); // تاخیر برای جلوگیری از تداخل با سایر تبها
});
window.addEventListener("beforeunload", () => {
channel.postMessage("stopped");
});
// تابع اصلی برای کنترل دکمههای غیرفعال
function handleDisabledButtons() {
// تمام دکمهها و لینکهای غیرفعال صفحه
const allDisabledElements = document.querySelectorAll(
'button:disabled, ' +
'input[type="submit"]:disabled, ' +
'input[type="button"]:disabled, ' +
'a.button:disabled, ' +
'a.add_to_cart_button:disabled'
);
allDisabledElements.forEach(element => {
// اگر قبلا پردازش شده، رد شود
if (element.dataset.disabledProcessed) return;
// افزودن استایل برای شناسایی بصری
element.style.position = 'relative';
// افزودن رویداد کلیک
element.addEventListener('click', function(e) {
e.preventDefault();
e.stopImmediatePropagation();
// ایجاد پاپآپ
const popup = document.createElement('div');
popup.innerHTML = `
`;
document.body.appendChild(popup);
// بستن پاپآپ با کلیک روی دکمه
popup.querySelector('button').addEventListener('click', function() {
document.body.removeChild(popup);
});
});
});
}
// شروع نظارت
document.addEventListener('DOMContentLoaded', function() {
// اجرای اولیه
handleDisabledButtons();
// نظارت هر 500 میلیثانیه برای صفحات داینامیک
setInterval(handleDisabledButtons, 500);
// همچنین بعد از هر تغییر در DOM بررسی شود
const observer = new MutationObserver(handleDisabledButtons);
observer.observe(document.body, {
childList: true,
subtree: true
});
});
توجه!
لطفاً قبل از خرید، تمام گزینههای محصول را انتخاب نمایید
