pagerunners.com html IE form help

Fill It Out

New visitors to a site (or those who don't have much experience with forms) may need some assistance in filling out form fields. When the help link is clicked, a new window opens with an explanation on how to fill out the field properly.
Note 1: to properly send the form contents, you'll need to use a cgi script, placed, of course, in the cgi-bin.
Note 2: the javascript document.write script between the head tags is used to write additional instructions into the pop-up window (brilliant!). Oh, and make sure everything is written on one line for User Name and Password.

User Name: Help
Password: Help
Source code for forms help:

function helpme(name, output, msg) {

newwin = window.open('','','top=150,left=150,width=330,height=300');

if (!newwin.opener) newwin.opener = self;

with (newwin.document)

{

open();

write('<html>');

write('<body bgcolor=FFFFCC onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');

write('<p>Enter your ' + name + ' here and it will be copied into the form field for you.');

write('<p><center>' + name + ':  <input type=text name=box size=11 onKeyUp=' + output + '=this.value>');

write('<p><input type=button value="Click to close window when finished" onClick=window.close()>');

write('</center></form></body></html>');

close();

}

</script>

<form name=form method=post action="/cgi-bin/your-script.cgi">
User Name:  <input type=text name="username" size=10>  <a href="javascript:helpme('User Name', 'opener.document.form.username.value', '<font face=arial, helvetica color=003333 size=2>Select a user name that you will use every time you access this site.  Pick something you can easily remember---first name, nickname, favorite superhero.');" onMouseOver="window.status='Click here for explanation...</font>';return true;" onMouseOut="window.status='';return true;"><font face="arial, helvetica" color="#003333" size="2">Help</a><br>
Password:  <input type=text name="password" size=10>  <a href="javascript:helpme('Password', 'opener.document.form.password.value', '<font face=arial, helvetica color=003333 size=2>Enter a unique password for your account.  This password will be required each time you login to the site.  Be sure to pick a password easily remembered that contains letters and numbers or symbols, yet would be difficult for others to guess.  It makes for better security.');" onMouseOver="window.status='Click for explanation...</font>';return true;" onMouseOut="window.status='';return true;">Help</a>
</form>
<br>
Source code for forms help:

Features:

javascript.helpme
form fields
user name & password