9. Write a JavaScript to show a pop up window with a message Hello and background color lime and with solid black border.
Note : Only Internet Explorer support the method window.createPopup();
Solution : 1 (Popup)
Solution : 2 (Window)
Solution : 1 (Popup)
<html>
<head>
<title>EX-9: WTAD : www.bipinrupadiya.com</title>
<script type="text/javascript">
// createPopup() supported by IE only
function show_popup()
{
var p=window.createPopup();
var pbody=p.document.body;
pbody.style.backgroundColor="lime";
pbody.style.border="solid black 5px";
pbody.innerHTML="<h1> HELLO</h1><br><br><br><br>Click outside the pop-up to close.";
p.show(150,150,400,200,document.body);
}
</script>
</head>
<body>
<input type="button" value="click me" onclick="show_popup()" >
</body>
</html>
<head>
<title>EX-9: WTAD : www.bipinrupadiya.com</title>
<script type="text/javascript">
// createPopup() supported by IE only
function show_popup()
{
var p=window.createPopup();
var pbody=p.document.body;
pbody.style.backgroundColor="lime";
pbody.style.border="solid black 5px";
pbody.innerHTML="<h1> HELLO</h1><br><br><br><br>Click outside the pop-up to close.";
p.show(150,150,400,200,document.body);
}
</script>
</head>
<body>
<input type="button" value="click me" onclick="show_popup()" >
</body>
</html>
Solution : 2 (Window)
<html>
<head>
<title>EX-9: WTAD : www.bipinrupadiya.com</title>
</head>
<script type="text/javascript">
function show_popup()
{
myWindow = window.open("", "mywindow", "width=300,height=100,border:2px solid #ffffff;");
myWindow.moveTo(400, 400);
myWindow.document.write('<h1>HELLO!</h1>');
myWindow.document.bgColor = "#BFFF00";
}
</script>
<body>
<input type="button" value="click me" onclick="show_popup()" >
</body>
</html>
<head>
<title>EX-9: WTAD : www.bipinrupadiya.com</title>
</head>
<script type="text/javascript">
function show_popup()
{
myWindow = window.open("", "mywindow", "width=300,height=100,border:2px solid #ffffff;");
myWindow.moveTo(400, 400);
myWindow.document.write('<h1>HELLO!</h1>');
myWindow.document.bgColor = "#BFFF00";
}
</script>
<body>
<input type="button" value="click me" onclick="show_popup()" >
</body>
</html>
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment