wwHoverPanel IFrame Popups

Home | Reset Page | Page generated: 2/8/2012 11:54:41 PM

Select a RSS or type in a Feed to display:

Rick Strahl's Web Log
  Dynamic Types and DynamicObject References in C#
  Unable to cast transparent proxy to type <type>
  Problems with opening CHM Help files from Network or Internet
  IE9 not rendering box-shadow Elements inside of Table Cells
  XmlWriter and lower ASCII characters
  Changing the default HTML Templates to HTML5 in Visual Studio
  Debugging Application_Start and Module Initialization with IIS and Visual Studio
  HTML 5 Input Types - How useful is this really going to be?
  HTML 5 Input Types on WebForms Controls
  A Key Code Checker for DOM Keyboard Events
  Creating a Dynamic DataReader for easier Property Access
  jQuery Time Entry with Time Navigation Keys


This example demonstrates using hover IFRAME panels to display fully self contained pages as popups in the current page. This differs from the normal hover behavior in that the pages displayed are loaded into an IFRAME rather than an inline DIV tag and so can contain fully self contained HTML and FORM tags. They can also handle their own logic outside of the context of a page.

IFRAME functionality is accessed with ShowIFrameAtMousePosition or ShowIFrameInPanel both of which display the IFRAME. Note that IFRAMEs behave a little differently than embedded hover windows in that IFRAMEs are fixed size and don't auto-adjust in size based on content so you need to set your original panel width to the desired size up front. Note that this frame is draggable which is enabled by using a client side wwDragBehavior and attaching it to the hover window.

Finally this form shows a drop down list, also using an IFRAME with content pulled from a separate page. The page loads and a selection then returns its selected value (a URL) back to the main page by calling back on the parent frame. This is highly useful in many situations for pop up help and selection lists or things like dynamic calendar popups. Communication between frames is easy once you figure it out and this page demonstrates how it's done.