JavaScript Popup-boxes

English | French | Portugese | German | Italian

|

|

|

|

|

JavaScript Tutorial

JavaScript Introduction

JavaScript How To

JavaScript Where To

JavaScript Variables

JavaScript If...Else Statement

JavaScript Switch Statement

JavaScript Operator

JavaScript Popup-boxes

JavaScript Function

JavaScript For-Loop

JavaScript While-loops

JavaScript Break Loops

JavaScript For..In Statement

JavaScript Event

JavaScript Try-Catch Statement

JavaScript Throw Statement

JavaScript Onerror

JavaScript Spacial Characters

JavaScript Guideline

JavaScript String

JavaScript Date Object

JavaScript Array

JavaScript Boolean Object

JavaScript Math Object

JavaScript HTML DOM Object

JavaScript Browser Detection

JavaScript Cookies

JavaScript Validation

JavaScript Animation

JavaScript Image Maps

JavaScript Timing Event

JavaScript Create Object

JavaScript Summary

HTML Tutorials

TCP/IP Tutorial

XML Tutorials

Schema Tutorial

XForms Tutorial

XSL-FO Tutorial

XML DOM Tutorial

XQuery Tutorial

XPointer Tutorial

Web Services Tutorial

Browser Scripting

JavaScript Tutorial

VBScript Tutorial

HTML DOM Tutorial

WMLScript Tutorial

Server Scripting

.NET (dotnet)

XML Web Services

Multimedia

Web Building

Java Tutorials

Servlets Tutorial

Struts Tutorial

Programming Langauges

Visual Basic Tutorial

Data Structures Using C

Soft Skills

Communication Skills

Time Management

Project Management

Leadership Skills

Corporate Communication

Negotiation Skills

JavaScript Popup-boxes

Previous

Next

In JavaScript you can create three kinds of popup boxes: Alert box, Confirm box, and Prompt box.

Alert Box

An alert box is used if you want to make sure information comes through the user.

When an alert box pops up, the user will have to click "OK" to proceed.

Syntax:

alert("sometext")

Example:1

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("I am an alert box!!")
}
</script>
</head>

<body>
<form>
<input type="button" onclick="disp_alert()" value="Display alert box">
</form>
</body>
</html>

Confirm Box

The confirm box is used if you want the user to verify or accept something.

When a confirm box pops up, it is dependent on the user who will click either "OK" or "Cancel" to proceed .

If the user clicks "OK", the box returns true. If the user clicks "Cancel", the box returns false.

Syntax

prompt("sometext","defaultvalue")

Example:2

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("Please enter your name","")
if (name!=null && name!="")
{
document.write("Hello " + name + "! How are you today?")
}
}
</script>
</head>

<body>
<form>
<input type="button" onclick="disp_prompt()" value="Display a prompt
box">
</form>
</body>
</html>

Prompt Box

A prompt box is used if we want the user to input a value before entering a page.

When a prompt box pops up, the user will have to click either "OK" or "Cancel" to proceed after entering an input value.

If the user clicks "OK" button the box returns the input value. If the user clicks "Cancel" button the box returns null.

Syntax:

prompt("sometext","defaultvalue")

Example:3

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("Please enter your name","")
if (name!=null && name!="")
{
document.write("Hello " + name + "! How are you today?")
}
}

</script>
</head>

<body>
<form>
<input type="button" onclick="disp_prompt()" value="Display a prompt box">
</form>
</body>
</html>

Output

Share And Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.

Previous

Next

Keywords:JavaScript Popup Boxes

HTML Quizes

XML Quizes

Web Services Quiz

Browser Scripting Quizes

JavaScript Quiz

Server Scripting Quizes

.NET (dotnet) Quizes

Microsoft.Net Quiz

XML Web Services Quiz

.Net Mobile Quiz

C# : C Sharp Quiz

Multimedia Quizes

Web Building Quizes

Web Browsers Quiz

Web Hosting Quiz

Web Building Quiz

Web Quality Quiz

Web Semantic Quiz

Web Careers Quiz

Java Quizes

Programming Langauges Quizes

Visual Basic Quiz

Data Structures Using C Quiz

Soft Skills Quizes

Communication Skills Quiz

Time Management Quiz

Project Management Quiz

Leadership Skills Quiz

Corporate Communication Quiz

Negotiation Skills Quiz

Copyright � 2003-2008 Vyom Technosoft Pvt. Ltd., All Rights Reserved.