How do I set a condition to pop-up a block when we click a button using the HTML/CSS editor?
Thanks in advance.
Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:
How do I set a condition to pop-up a block when we click a button using the HTML/CSS editor?
Thanks in advance.
Hi,
You can use the following code to raise a pop-up
HTML:
<button id="popupButton">Click Me</button>
<div id="popupBlock" class="hidden">
<!-- Content of the popup goes here -->
<p>This is the popup content.</p>
</div>
CSS:
#popupBlock {
display: none; /* Initially hidden */
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background-color: #fff;
border: 1px solid #ccc;
}
Javascript:
<script>
const popupButton = document.getElementById('
const popupBlock = document.getElementById('
popupButton.addEventListener('
popupBlock.classList.toggle('
});
</script>
Hope it helps
สร้างบัญชีวันนี้เพื่อเพลิดเพลินไปกับฟีเจอร์พิเศษและมีส่วนร่วมกับคอมมูนิตี้ที่ยอดเยี่ยมของเรา!
ลงชื่อ| Related Posts | ตอบกลับ | มุมมอง | กิจกรรม | |
|---|---|---|---|---|
|
2
มี.ค. 15
|
4413 | |||
|
1
มี.ค. 20
|
14516 | |||
|
0
ธ.ค. 19
|
3189 | |||
|
7
ธ.ค. 24
|
26799 | |||
|
0
มี.ค. 15
|
4931 |
1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.