Client Class HoverPanel

This class provides easy to use pop up window functionality by calling back to a URL and retrieving the result content directly into a panel. Options allow for easy placement of the window and various simple effects like shadows and opacity of the window.

Note that this class can work without any server behavior - it simply requires some server URL to response with an HTML fragment. Note that the result should be an HTML FRAGMENT not a complete HTML page since the content is assigned to the innerHTML property of the panel.

To hook up a hover behavior:


        csharp
        
            
        
     

        csharp
        
            
        
     
<a href="somelink.htm" onmouseover="HoverTest(event)" onmouseout="HoverTestHide()">
Click me</a>

To make the calls:


        csharp
        
            
        
     

        csharp
        
            
        
     
// * ** Best to use a global var for the Hover Panel
// * ** Pass in the name of the HoverPanel Server Control and a URL
var Hover = new HoverPanel("Panel","InvoiceAbstract.aspx");
function HoverTest(event) 
{   
    Hover.navigateDelay = 400;
    Hover.adjustWindowPosition = true;
    Hover.eventHandlerMode = "ShowHtmlAtMousePosition"
    Hover.shadowOpacity = .10;
    Hover.shadowOffset = 10;
    Hover.hoverOffsetRight = 30;

    // * ** Start the actual callback: Event object, QueryString, PostData, ErrorHandler
    Hover.startCallback(event,"id=11074",null,OnError);
}
function HoverTestHide(event)
{   
    Hover.hide();
}

Remarks

This class has no dependencies on server side features.

Class Members

Member		Description
	assignContent	Assigns HTML content to the panel or more specifically the element specified in htmlTargetClientId. This method can be useful if you manually intercept the callbackHandler events rather than letting… o.HoverPanel.assignContent(ContentString)
	HoverPanel.hide	Hides the panel, making it invisible by setting display="none"; o.HoverPanel.hide()
	HoverPanel.movePanelToPosition	Used to move the panel to a given position handling all the display aspects including opacity and shadow display. Pass in either x,y coordinates, and event object or nothing if an event object was… o.HoverPanel.movePanelToPosition(x,y)
	HoverPanel.show	Makes the panel visible at its last known position. o.HoverPanel.show()
	HoverPanel.showIFrame	Shows the IFrame in the various IFrame modes. You can use the regular hide methods to clear the window. o.HoverPanel.showIFrame()
	HoverPanel.startCallback	Main method that fires the actual request to the server. The serverUrl must be set at minimum before this method should be called. o.HoverPanel.startCallback(event,querytString,postData,errorHandler)
	adjustWindowPosition	Adjust the position of the window so that the window bumps up if it runs off the bottom or left if runs off the right to keep the content visible.
	callbackHandler	Optional client script handler called when the request completes. This event is fired just before the content is assigned to the panel and the HTML value of the response is provided as a parameter.…
	callbackErrorHandler	The error handler that is called when an error occurs retrieving the content. This property can also be set as part of the startCallback() method. The called handler is passed an error object of…
	eventHandlerMode	Determines how the request is handled when the callback returns. * ShowHtmlAtMousePosition * ShowHtmlInPanel * ShowIFrameAtMousePosition * ShowIFrameInPanel * GetHttpResponse
	formName	The name of the form that is serialized and sent to the server when the postbackMode is POST. If not specified all form variables items are sent.
	hoverOffsetBottom	Bottom offset for auto placed content. This property is useful to place content in positions other than right at the mouse cursor. You can use negative numbers to move the content up.
	hoverOffsetRight	The right offset for hover windows that are auto positioned. Adds this offset the auto position. This property is useful to place content in positions other than right at the mouse cursor. You can…
	htmlTargetClientId	The HTML client id of the control that is updated with the callback's result content. By default this value is the same as the control's controlId property so by default the full content of the panel…
	HoverPanel.navigateDelay	Determines the time in milliseconds before a call to startCallback actually triggers the callback on the server. The delay is used to check if the busy status has changed for example by navigating…
	panelOpacity	Determines the opacity of the panel. Default: 1 Note that if you're using a shadow the shadow will affect opacity as the shadow will shine throgh from below.
	postbackMode	Determines how data is posted back to the server. * Get * Post * PostNoViewstate
	serverUrl	The Url used to access the server. This Url is set through the constructor typically but you can override it explicitly with this property.
	shadowOffset	Determines the offset of the shadow if any. 0 means no shadow is displayed. Note that a background shadow will affect the panel's opacity as the shadow will shine through from behind.
	HoverPanel.shadowOpacity	Determines the opacity of the shadow. Uses fractional numbers (.35 for 35%).