JavaScript createPopup method
In our this part of JavaScript methods we will describe you how you can
create a popup window by using the simple JavaScript in an HTML page. We have
used here the createPopup() method of JavaScripts to create the popup window.
Syntax:
Description of code:
In the following example code we have created a simple html page and we have
added a simple button in this html page. On the button we have applied the
javascript's code for the visual appearance of the Popup window. As soon as we
carry our mouse pointer over the button it calls the popup.show() and on mouse
pointer out it will hide the popup window. Here is the full example code
of poppedexample.html as follows:
poppedexample.html
<html>
<head>
<title>PopUp example</title>
<script language="JavaScript">
function write(){
document.write("Button clicked");
}
var popup = window.createPopup();
popup.document.body.innerHTML = 'Popup button';
popup.document.body.style.backgroundColor =
'#ffffcc';
</script>
</head>
<body>
<br>
<input type="button" onClick="write();"
onmouseover="popup.show(0, 0, 200, 50, document.body);"
onmouseout="popup.hide();"
value="Simple Button">
</body>
</html>
|
Output :
When you will take your mouse pointer on the button
"Simple Button" it will show the pop up box over the button. It will
look like as follows:
Download Source Code
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
