|
|
|
|
Like this code?
Show the author your appreciation.
|
|
| |
When the user enters field values ,the user can click a help icon that gives a pop up with description about the field and allows the user to fill the value in the pop up box itself.
The value will be automatically displayed in the textbox
|
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=350');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ': <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
}
}
// End -->
</script>
</HEAD>
<BODY>
<center>
<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='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</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='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>
</form>
</center> | |
|
|
| Conditional Check - a script that allows a user to submit a form only if the user check a checkbox.
Categories : HTML, Java Script, Form Processing, Beginner Guides | | | Show or Hide your Content using Javascript
Categories : Java Script, HTML, CSS, Beginner Guides | | | Higly Customizable Javascript Calendar Script
Categories : Java Script, Calendar, Date Time, HTML, CSS | | | PHP and javascript mouseover, mouseout, and mousedown events
Categories : PHP, Java Script, Form Processing, Beginner Guides | | | Clock at Status Bar
Categories : Java Script, HTML, Date Time | | | Javascript URL and Email Validation
Categories : Java Script, Data Validation, Form Processing, Email, URLs | | | Java Script Based Navigation
Categories : HTML, Java Script, Navigation | | | How to create <SELECT> menues that change on the fly according to other <SELECT> menues on the page?
Categories : Java Script, HTML | | | Prevent Right Mouse steal your graphics
Categories : HTML, Java Script, Security | | | Hilight Form Element onFocus
Categories : Java Script, Form Processing, CSS | | | How to get the Focus (Cursor) into a Form-Element.
Categories : HTML, Java Script | | | Form validations using javascript and including all validations in one message
Categories : HTML and PHP, Java Script, Form Processing | | | Bookmarklets are simple tools that extend the surf and
search capabilities of Netscape and Explorer web browsers.
Categories : Java Script, HTML, General | | | Adding a Filter to a Text Element
Categories : Java Script, Data Validation, Form Processing | | | Form Processing : with alert Highlight field name which is not filled by user
Categories : Java Script, Form Processing, Data Validation, Beginner Guides, Web Design | |
|
|
|
