« »

This is a small example intended to show you how to create a 'pop-up window'. The purpose is so you can have more information on your web page without cluttering it up.

Label: Pop-up window onMouseOver

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script language="JavaScript">

<!-- hiding

var newwindow;

function showWindow()
{
        newwindow = window.open("", "newwindow", "toolbar=no,width=300,height=25,top=30,left=30");
        newwindow.document.open();
        newwindow.document.write("<html><title>The &quot;pop-up window&quot;<\/title><body bgcolor='#C0C0C0' style='margin-left:25px;margin-right:25px;text-align:center' text='#008080'><em>Here is more interesting and useful information for your visitors!<\/em><\/body><\/html>");
        newwindow.document.close();
}

function closeWindow()
{
        newwindow.close();      
}
// -->

</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<a href="http://javascriptbank.com" target="_blank" onclick="return false" style="text-decoration: none;" onmouseover="return showWindow();" onmouseout="return closeWindow();">Mouse over here to see how it works.</a>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->