NewSourceMedia Blog » autofill http://newsourcemedia.com/blog Focused on Interactive Design, Development and Marketing Mon, 07 May 2012 01:26:28 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 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: <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>

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:

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

]]> http://newsourcemedia.com/blog/alert-boxes/feed/ 2 Address Auto-Fill Ckeck Box http://newsourcemedia.com/blog/address-auto-fill-ckeck-box/ http://newsourcemedia.com/blog/address-auto-fill-ckeck-box/#comments Sat, 28 Feb 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/02/27/address-auto-fill-ckeck-box/ Continue reading →]]> Introduction: I ran across this code when working on a registration product site. The goal is to save the user's time by not having them fill in the same address over and over, if the address for there billing is the same as the mailing address. You can view a working form by clicking here.

Source Code














Mailing Address

City: 

State: 

Billing Address

( same as above)


City: 

State:
]]> http://newsourcemedia.com/blog/address-auto-fill-ckeck-box/feed/ 6 Telephon Check Box http://newsourcemedia.com/blog/telephon-check-box/ http://newsourcemedia.com/blog/telephon-check-box/#comments Sat, 28 Feb 2004 00:22:11 +0000 admin http://newsourcemedia.com/blog/2004/02/27/telephon-check-box/ Continue reading →]]> Introduction: I ran accross this code when working on a registration product site. The goal is to save the user's time by not having them fill in the same telephone number over and over, if the number is the same as other data fields. You can view a working form by clicking here.

Source Code



NSM | Tele Check Box




Home Telephone:



Work Telephone:


(check if same as home number)
]]> http://newsourcemedia.com/blog/telephon-check-box/feed/ 0