Alert and Confirm boxes

**toxifyshadow** · 03-18-2010, 09:20 PM

Sometimes you need to tell a user something and make sure the user sees it. That's when you use an alert box.
Other times you need to make a user either confirm or decline something.That's when you could use a confirm box. Along with confirm boxes you could create a function to reply to what the user clicks on a comfirm box.That will be discribed at the end.

For an alert box we simply use this:

Code:

alert("Here is the alert")

Now to make that show up anywhere we create a function

Code:

function alert()
{
alert("Here is my alert")
}

and a button

Code:

<button type="button" onclick="alert()">Show Alert</button>

So our full code is

Code:

<head><script type="text/javascript">
function alert()
{
alert("Here is my alert")
}
</script></head><body><button type="button" onclick="alert()">Show Alert!</button></body>

For a confirm box.
Inside the head we do just about the same thing:

Code:

function confirm()
{
confirm("Are you serious?")
}

and in the body tag:

Code:

<button type="button" onclick="confirm()">Confirm this!</button>

Using if
Let's say you wanted something where if someone clicks yes, they get an alert that says something else. Do this with:

Code:

<head><script type="text/javascript">
function cnfrm()
{
confirm("Are you serious?")
if(r==true)
{
alert("Wow you are serious")
}}
</script></head><body><button type="button" onclick="cnfrm()">Confirm!</button></body>

Did you single click or double click?

Here we can create an alert that tells if you clicked once or twice:

Code:

<head><script type="text/javascript">
function click()
{
alert("You clicked once")
}
function dblclick()
{
alert("You clicked twice")
}
</script>
</head><body><button type="button" onclick="click()" ondblclick="dblclick()">Click 1 or 2 times</button></body>

This is my second tutorial, Enjoy!