mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-11 15:45:15 +02:00
Code Issues Releases Wiki Activity

Style changes

Browse Source
This commit is contained in:
Kognise
2020-10-02 17:35:01 +00:00
committed by GitHub
parent f89b85b65e
commit d785c31c8b
4 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/index.html
View File

@@ -279,9 +279,15 @@
</details>
<p>The dialog (form, and menu) tag</p>
<button type='button' id='dialog-trigger'>Show me the dialog!</button>
<span id='dialog-result'></span>
<dialog id='dialog'>
<div>
<button type="button" id="dialog-trigger">
Show me the dialog!
</button>
<span id="dialog-result"></span>
</div>
<dialog id="dialog">
<header>This is a sample dialog</header>
<form method="dialog">
<p>What is your favorite pet animal?</p>

15
docs/script.js
View File

@@ -78,10 +78,11 @@ copyButton.addEventListener('click', () => {
.then(() => setTimeout(() => { copyButtonFeedback.textContent = '' }, 1000))
})
document.getElementById('dialog-trigger').addEventListener('click', function (event) {
document.getElementById('dialog-result').innerText = '';
document.getElementById('dialog').showModal();
});
document.getElementById('dialog').addEventListener('close', function (event) {
document.getElementById('dialog-result').innerText = `Your answer: ${event.target.returnValue}`;
});
document.getElementById('dialog-trigger').addEventListener('click', () => {
document.getElementById('dialog-result').innerText = ''
document.getElementById('dialog').showModal()
})
document.getElementById('dialog').addEventListener('close', (event) => {
document.getElementById('dialog-result').innerText = `Your answer: ${event.target.returnValue}`
})