MSDN Magazine - February 2008 - (Page 50) The HoverMenu extender features a few properties in addition to PopupControlID and TargetControlID. The HoverCssClass property indicates the CSS class to apply to the target control when the hover menu is visible. PopupPosition indicates the position of the popup with respect to the target control—center, top, right, left, and bottom are possible values. OffsetX and OffsetY properties set horizontal and vertical offsets from the determined position. Finally, PopDelay indicates the delay between the DOM event and the display of the popup. 100 milliseconds is the default. The DOM event that triggers the HoverMenu extender is the mouseover. The HoverMenu extender is not very different from the Popup extender. The key differences are in the activation mechanism and trigger. The Popup extender is activated when the user gives focus to a given target control. For the HoverMenu extender to activate, the user only has to move the mouse over the control. Wrapping Up The richer and more interactive you want your Web site to be, the more JavaScript you’ll need. However, while hand-coded JavaScript is fine for simple features, it is often insufficient to achieve greater levels of interactivity. For these more complex features, you really need extenders and the Microsoft AJAX Client Library (see Cutting Edge, December 2007, at msdn.microsoft.com/msdnmag/issues/07/12/cuttingedge). Figure 7 tenders in the Microsoft AJAX Control Toolkit. However, the toolkit contains much more than what I discussed here. To see what I mean, pay a visit to asp.net/ajax. Code download available at msdn.microsoft.com/msdnmag/code08.aspx. Send your questions and comments for Dino to cutting@microsoft.com. Dino Esposito is a mentor at Solid Quality Learning and the author of Introducing ASP.NET AJAX (Microsoft Press, 2007). Based in Italy, Dino is a frequent speaker at industry events worldwide. You can reach him at cutting@microsoft.com or join his blog at weblogs.asp.net/despos. This installment of Cutting Edge completes my review of ex- 50 msdnmagazine Cutting Edge http://asp.net/ajax http://msdn.microsoft.com/msdnmag/code08.aspx http://msdn.microsoft.com/msdnmag/issues/07/12/cuttingedge http://msdn.microsoft.com/msdnmag/issues/07/12/cuttingedge http://weblogs.asp.net/despos http://www.codejock.com http://www.codejock.com
For optimal viewing of this digital publication, please enable JavaScript and then refresh the page. If you would like to try to load the digital publication without using Flash Player detection, please click here.