Pages

Monday, March 19, 2018



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>

No comments:

Post a Comment