Code Snippets

JavaScript Source Code

Welcome to Dream.In.Code
	Become an Expert! Join 244,278 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,159 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

Pop-up

a few different ways of pop-ups

Submitted By: pal121

Actions:

Rating:

Views: 20,997

Language: JavaScript

Last Modified: February 11, 2006

Instructions: copy and paste and change text to what you want it too be!

Snippet

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("Hello again! This is how we" + '\n' + "add line breaks to an alert box!")
}
</script>
<script type="text/javascript">
function disp_prompt()
{
// this is what is in the prompt box
var name=prompt("Please enter your name","")
// no need to edit next line!
if (name!=null && name!="")
{
// this is what is written when ok is pressed
document.write("Hello " + name + "! How are you today?")
}
}
</script>
<script type="text/javascript">
function disp_confirm()
{
// this is what comes up in the box
var name=confirm("Press a button")
if (name==true)
{
// this is what is written if you press Ok
document.write("You pressed the OK button!")
}
else
{
// this is what is written if you press Cancel
document.write("You pressed the Cancel button!")
}
}
</script>
<script type="text/javascript">
function click_alert()
{
// change text in brackets to what you want it to be!
alert("This is an alert box")
}
</script>
<script type="text/javascript">
function message()
{
// change text in brackets to what you want it to be!
alert("Pop-up on load!")
}
</script>
<body onLoad="message()">
<form>
<input type="button" onclick="click_alert()"
value="Click Me!">
</form>
<br>
<form>
<input type="button" onclick="disp_confirm()"
value="Click Me">
</form>
<form>
<input type="button" onclick="disp_prompt()" value="Display a prompt box">
</form>
<form>
<input type="button" onclick="alert()" value="Alert with break">
</form>
</body>
</html>

Copy & Paste

<script type="text/javascript">
function disp_alert()
{
alert("Hello again! This is how we" + '\n' + "add line breaks to an alert box!")
}
</script>

<script type="text/javascript">
function disp_prompt()
{
// this is what is in the prompt box
var name=prompt("Please enter your name","")
// no need to edit next line!
if (name!=null && name!="")
{
// this is what is written when ok is pressed
document.write("Hello " + name + "! How are you today?")
}
}
</script>

<script type="text/javascript">
function disp_confirm()
{
// this is what comes up in the box
var name=confirm("Press a button")
if (name==true)
{
// this is what is written if you press Ok
document.write("You pressed the OK button!")
}
else
{
// this is what is written if you press Cancel
document.write("You pressed the Cancel button!")
}
}
</script>

<script type="text/javascript">
function click_alert()
{
// change text in brackets to what you want it to be!
alert("This is an alert box")
}
</script>

<script type="text/javascript">
function message()
{
// change text in brackets to what you want it to be!
alert("Pop-up on load!")
}
</script>

<form>

<input type="button" onclick="click_alert()" 
value="Click Me!">
</form>

<br>

<form>

<input type="button" onclick="disp_confirm()" 
value="Click Me">
</form>

<form>

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

<form>

<input type="button" onclick="alert()" value="Alert with break">
</form>

</body>
</html>

Comments
HelenChitra 2008-01-04 00:24:48
In line 91, we should call the function disp_alert() onclick. Hence it should be
HelenChitra 2008-01-04 00:43:23
I'm learning JavaScript and this is really helpful. Great.
sangita02 2008-08-14 01:59:31