AJAX HoverPanel Sample

Sample Home | Reset Form
Hover over the links in the grid to bring up a small pop over window. Check the Closable Draggable Window checkbox to see a window pop up that has to be manually closed.
Company Developer Name Updated
Company Name Feb. 9, 2012 10:16am
Compxxx Nameertet Nov. 30, 2011 1:13am
Kuntz Lesher LLP Joe Nolllllll Feb. 9, 2012 3:14am
L H Servicesdfdqsfdsff Smyther Feb. 9, 2012 10:15am
Marty Glynn Associate Martin Glynnasdfasd Feb. 6, 2012 10:26am
Neova inc. Dietmar Maier Dec. 10, 2011 9:07am
Osborne Consulting, LLC Douglas Osborne Sep. 22, 2011 6:23am
Paltiel Inc. Jayna Dec. 21, 2011 17:34pm
Peisch Custom Software, Inc. Barbara Peisch Feb. 9, 2012 10:16am
Pek og Klikk AS Birger G. Thoresen Oct. 28, 2011 10:13am
Pages: 1 2 3 4 5 6 7 8 9


This sample demonstrates a very simple AJAX popup window that retrieves content from the server while not reloading the current page and displaying that content as a pop over window at the mouse position. This example requires no explicit client script code from the developer - only the event hookups are required for onmouseover and onmouseout which are single function calls each.

The process for this is to drop a HoverPanel control on the page and set a few optional operational properties. You then hook up the mouseenter and mouseout events on the hyperlink in the grid to fire when hovering over a row and moving out. The mouseenter then fires a call to startCallback() which initiates the callback picks up the HTML from the server and renders it into the hover panel control on the page - in this case at the current mouse position.

You get many options on how the dialog is formatted including draggability, auto-closing, shadows, ability to close the window and so on.