Ajax toolkit Control Learning Series (7) -- hovermenuextender

The hovermenuextender control can be triggered when a linkbutton or textbox is suspended.

Check the effect first.

At first, the system prompts you to enter a textbox for the user name. Then,

This control is triggered when you move the cursor to the textbox range. This control controls the CSS of textbox and changes the background color. At the same time, the Panel is visible.

The Panel remains unchanged. Enter the First-off information.

Descriptions of hovermenuextender parameters:

• Offsetx
• OffsetyIt refers to the offset distance of the menu position in the current alignment mode, in pixels.
• PopdelayDelay Time of menu disappearance, in milliseconds.
• TargetcontrolidThe ID of the control that activates the menu.
• PopupcontrolidThe Control ID of the menu carrier.
• PopuppositionAlignment between menus and activation controls

There is not much to say about the rest. In this example, two Ajax controls are used. As long as the parameter is clear, nothing can be said. CSS can be changed to achieve better results.

Of course, we can also use the backgroundCodeControls hover.

 Code  


    code highlighting produced by actipro codehighlighter (freeware) 
 http://www.CodeHighlighter.com/
 -->    This  . hover. popupcontrolid  =   " " ; 
   This  . hover. popupposition  =   " " ; 
   This  . hover. targetcontrolid  =   " " ; 

 

  <  Form  ID  = "Form1"  Runat  = "Server"  >  
  <  Div  >  
  <  ASP: scriptmanager ID  = "SM"  Runat  = "Server"  >  
  </  ASP: scriptmanager  >  
  <  ASP: updatepanel  ID  = "Updatepanel1"  Runat  = "Server"  > 
  <  Contenttemplate  >  
  <  ASP: Panel  ID  = "Panel"  Runat  = "Server"  Width  = "100px"  Height  = "100px"  Cssclass  = "Panel" >  
Your username  </  ASP: Panel  >  
  <  ASP: textbox  ID  = "TB"  Runat  = "Server"  > </  ASP: textbox  >  
  < Ajax: textboxwatermarkextender  ID  = "Tbwe"  Runat  = "Server"  Targetcontrolid  = "TB"  Watermarkcssclass  = "Textbox"  
Watermarktext  = "Input your username"  >  
  </  Ajax: textboxwatermarkextender >  
  <  Ajax: hovermenuextender  ID  = "Hover"  Runat  = "Server"  Targetcontrolid  = "TB"  Popupposition  = "Bottom"  
Popupcontrolid  = "Panel"  Hovercssclass  = "Hover" >  
  </  Ajax: hovermenuextender  >  
  </  Contenttemplate  >  
  </  ASP: updatepanel  >  
  </  Div  > 
  </  Form  >