
about 2 minutes to read
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:
<a href="somelink.htm" onmouseover="HoverTest(event)" onmouseout="HoverTestHide()">
Click me</a>
To make the calls:
// *** 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
© West Wind Technologies, 1996-2024 • Updated: 04/27/14
Comment or report problem with topic