KentKeller
-
Posts
1 -
Joined
-
Last visited
KentKeller's Achievements
Newbie (1/7)
0
Reputation
-
I am a very much a rookie trying to put together my web site. I am trying to use html5 and w3.css. There is a example that is very close to what I want, except I want to use a link instead of a button. Below is the example with my added link right below the button. The button can open and close the modal form as many times as you want, but my link will only open it once, unless you reload the page. How do I fix that. thanks for any help. <!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <body> <button onclick="document.getElementById('id01').style.display='block'" class="w3-btn">Open Modal</button> <a href="#id01"> Test </a> <div id="id01" class="w3-modal"> <div class="w3-modal-content w3-card-4"> <header class="w3-container w3-teal"> <span onclick="document.getElementById('id01').style.display='none'" class="w3-closebtn">×</span> <h2>Header</h2> </header> <div class="w3-container"> <p>Some text. Some text. Some text.</p> <p>Some text. Some text. Some text.</p> </div> <footer class="w3-container w3-teal"> <p>Footer</p> </footer> </div> </div> </body> </html>