Demo Popup Window
Using javaScript open popup window
preview popup window
<a href="https://www.html-code-generator.com/" id="open-popup">open popup</a>
<script>
const id_open_popup = document.getElementById("open-popup");
id_open_popup.addEventListener("click", function(event){
event.preventDefault();
let url = this.href;
let window_size = 'width=800,height=500,left=0,top=0';
popupWindow = window.open(url, 'myWindow', window_size);
});
</script>
Center screen popup window
preview center popup window
open center popup<a href="https://www.html-code-generator.com/" id="open-center-popup">open center popup</a>
<script>
const id_center_open_popup = document.getElementById("open-center-popup");
id_center_open_popup.addEventListener("click", function(event){
event.preventDefault();
const url = this.href;
const width = 800;
const height = 500;
const left = (screen.width - width) / 2;
const top = (screen.height - height) / 2;
const window_size = 'width='+width+',height='+height+',left='+left+',top='+top;
popupWindow = window.open(url, 'myWindow', window_size);
});
</script>
Drop Down Select CountryHTML
CSS Speech BubbleCSS
Country flag imagesImage
SQL Country Names TableSQL
Bootstrap Forms BuilderBootstrap
PHP Get User DetailsPHP
JQuery Accordion Menu GeneratorJQuery
CSS Multiple Box ShadowCSS
CSS Multiple Columns LayoutCSS
CSS Gradient Color Linear RadialCSS