Popup Box in JavaScript
Popup is used to create and show a component to the user, usually available
on top of the window component in a particular hierarchy. The Popups have a
small life cycle. Incase you have a Popup and u call a hidden method ,then you
are no longer to call any method further.This provides you the Popup Factory to
reserve in a cache that can be use latter according to the requirement.
Popups are of three type-
- Alert Popup Box
- Confirm Popup Box
- Prompt Popup Box
In this Tutorial we want to describe you "Alert Popup Box", This box is
used when a programmer wants the user to know the information on clicking a
specified component. When an alert pop up, the user need to click on
"ok" to work further.
Let us Understand with Example
In this Example we want to provides you an information on how to implement
Alert Popup Box. To make your Browser to execute a script on the loading
of page, we need to call a script into a function. This function
contain the list of expression or statement that will be executed by an event. We
can call a function from any of the page. The calling function is to be embedded
or defined both in the head and body section of a code. If you want your code to
be reloaded in the browser, then the corresponding function should
be placed in head section of the code.
1)type-This signifies the type of component that is created by the programmer, here
we create a button component.
2)value-This signifies you to display the text on the specified component, here
we specified a button with a label name" click me"
On clicking the specified button the function " message" is
invoked that contain a user defined alertmessage ("Hi to Everyone!"),When
an alert pop up the user need to click on "ok" to work further.
<html>
<head>
<script type="text/javascript">
function message()
{
alert("Hi to everyone!");
}
</script>
</head>
<body>
<form>
<input type="button" value="Click me!"
onclick="message()" >
</form>
</body>
</html>
|
Now the save file with extension radio.Html and run on your browser.
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
