Hjelpevinduer


User Name:   Hjelp?
Password:     Hjelp?
Utfyllingsfelt: Hjelp?



Scriptet som lager hjelpevinduene putter du mellom HEAD-taggene:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()" bgcolor=yellow> <form name=form>' + msg + '<br>');
write('<p>Du kan fylle ut ' + name + ' her og det vil kopieres inn i feltet for deg.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Lukk dette vinduet når du er ferdig" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
// End -->
</script>

Her er hvordan formen er satt opp:

<form name=form method=post action="/cgi-bin/your-script.cgi">
User Name: <input type=text name="username" size=10> <a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site. Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Klikk for forklaring...';return true;" onMouseOut="window.status='';return true;"><small>Hjelp?</small></a>
<br>
Password: <input type=text name="password" size=10> <a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account. This password will be required each time you login to the site. For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Klikk for forklaring...';return true;" onMouseOut="window.status='';return true;"><small>Hjelp?</small></a>
<br>
Utfyllingsfelt: <input type=text name="felt" size=10> <a href="javascript:explain('Felt', 'opener.document.form.felt.value', 'I feltet felt skriver du blah blah blah blah, blah blah osv..');" onMouseOver="window.status='Klikk for forklaring...';return true;" onMouseOut="window.status='';return true;"><small>Hjelp?</small></a>
</form>