NewSourceMedia Blog » JS Tutorials Beginner http://newsourcemedia.com/blog Focused on Interactive Design, Development and Marketing Fri, 30 Dec 2011 04:30:03 +0000 en hourly 1 http://wordpress.org/?v=3.3 Alert Boxes http://newsourcemedia.com/blog/alert-boxes/ http://newsourcemedia.com/blog/alert-boxes/#comments Mon, 29 Mar 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/03/28/alert-boxes/ Continue reading →]]> Alert boxes could be used to help users find mistakes, warn them of hazards, or to display a status of events.

1) View Alert Box

Click here to see an alert! Here is the source code:

<a href="#" onclick="alert('This is an alert')">Click here to see an alert!</a>

You could also use the onclick="alert("bla bla")" or the onChange="alert("bla bla")" inside form elements like buttons and pulldown menus.

2) Other Options:

You can also alert users before they enter your site by placing the "alert" inside the body tag like so:

<body onload="alert('Warning: this site is crazy.')">

3) Confirm: Yes or Cancel Alert:

JavaScript provides a function called confirm. This generates an alert box with two buttons, asking "Yes" or "Cancel". To create this alert we define our own function in the head of a document: [Start of Code] <script language="javascript" type="text/javascript"> <!-- function alertURL(url) { if(confirm("Are you sure you want to click this link")) { location=url } } //--> </script>

<!-- The new function "alertURL()" is called once the link (below) is clicked. Notice that the url address below is located inside the brackets. This is then passed to our function and handled by the javascript "location" statement if the user clicks yes: -->

<a href="#" onClick="alertURL('fake_page.html')">Click Here!</a>

[End of Code] This could be used to persuade users to stay on the page they are visiting. Or if the link was directed to a server side program that would execute code that was unchangeable (ex: delete a file or update data), this would be a safe guard.

4) Confirm: Form Submissions Yes or No Alert

You can also use it on a form submission. This is easy. Just add the following code to your "form" tab: [Code]

<form action="" method="get" onsubmit="return confirm('Are you sure?')">

[End of Code]]]> http://newsourcemedia.com/blog/alert-boxes/feed/ 0 Add to Favorites http://newsourcemedia.com/blog/add-to-favorites/ http://newsourcemedia.com/blog/add-to-favorites/#comments Wed, 24 Dec 2003 00:22:11 +0000 admin http://newsourcemedia.com/blog/2003/12/23/add-to-favorites/ Continue reading →]]> Add a button or link in the page that prompts visitors to add your page to their favorites. If they confirm, your page is automatically added to their Favorites For the time being, this works only on Internet Explorer and will be ignored by Netscape. So there is no harm.
]]> http://newsourcemedia.com/blog/add-to-favorites/feed/ 1