In this tutorial i am going to show you how to create a pop up window without any JavaScript or JQuery. Just HTML 5 can make your work easy.
Button:
If you click on this button the follow window will pop up
<button onclick="document.getElementById('popme').style.display='block'" > Click me to pop up a window </button>
Pop up Window:
This window will pop up on the center of a website
<div id="popme" style="position:absolute; top:50px; left:50%; width:500px; height:400px; ">
I am the window that poped up by you clicking:
Note if you want to hide this window back click on the button given below
<button onclick="document.getElementById('popme').style.display='none'">Hide</button>
I am the window that poped up by you clicking:
Note if you want to hide this window back click on the button given below
<button onclick="document.getElementById('popme').style.display='none'">Hide</button>
No comments:
Post a Comment