JavaScript DHTML/Form Control/Form Help

Материал из Web эксперт
Перейти к: навигация, поиск

Creating Context-Sensitive Help

   <source lang="html4strict">

/* JavaScript Bible, Fourth Edition by Danny Goodman John Wiley & Sons CopyRight 2001

  • /

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function showNameHelp() { 

   alert("Enter your first and last names.")
   event.cancelBubble = true
   return false

} function showYOBHelp() { 

   alert("Enter the four-digit year of your birth. For example: 1972")
   event.cancelBubble = true
   return false

} function showGenericHelp() { 

   alert("All fields are required.")
   event.cancelBubble = true
   return false

} function showLegend() { 

   document.all.legend.style.visibility = "visible"

} function hideLegend() { 

   document.all.legend.style.visibility = "hidden"

} function init() { 

   var msg = ""
   if (navigator.userAgent.indexOf("Mac") != -1) {
       msg = "Press \"help\" key for help."
   } else if (navigator.userAgent.indexOf("Win") != -1) {
       msg = "Press F1 for help."
   }
   document.all.legend.style.visibility = "hidden"
   document.all.legend.innerHTML = msg

} </SCRIPT> </HEAD> <BODY onLoad="init()" onHelp="return showGenericHelp()">

onHelp Event Handler

<FORM> Name: <INPUT TYPE="text" NAME="name" SIZE=30 

   onFocus="showLegend()" onBlur="hideLegend()"
   onHelp="return showNameHelp()">


Year of Birth: <INPUT TYPE="text" NAME="YOB" SIZE=30 

   onFocus="showLegend()" onBlur="hideLegend()"
   onHelp="return showYOBHelp()">

</FORM> </BODY> </HTML> 

      </source>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/Form_Help&oldid=2523»