I have used HoverMenuExtender to display the shopping cart in the popup menu. The popup menu has an iframe the src to which is a page which uses gridview to display the cart. Attached is the screenshot which shows the popup menu which opens with onMouseOver for shopping cart link. The menu closes Onmouseout for shopping cart link or the popup menu and it works just fine in FF but with IE , when I click on the next button to bring next set of records in the gridview the popup menu stays open and doesn't close at all. Is there a way to close it.
Here is the set of code
Shopping cart link
<asp:Panel ID="pnlOpenInfo" runat="server" style="display:inline;">
<cc1:GHyperlink ID="hlCart" runat="server" ToolTip="Shopping Cart" CssClass="Orange2White10Links" IsBuildURL="true" NavigateUrl="Store/Cart.aspx">Shopping Cart</cc1:GHyperlink>
</asp:Panel>
HoverMenuExtender:
<cc1:HoverMenuExtender ID="hme2" runat="Server"
TargetControlID="pnlOpeninfo"
PopupControlID="PopupMenu"
PopupPosition="bottom"
OffsetX="-120"
OffsetY="0"
PopDelay="50" />
PopupControl:
<asp:Panel ID="PopupMenu" runat="server" Width="252px" Height="500px" style="-moz-opacity:1.0;filter:alpha(opacity=100); display: none;">
<iframe runat="server" id="frmCart" frameBorder="0" scrolling="no" ondrop="return false;" width="260" height="250" style="margin:0px 0px 0px 0px;" allowtransparency=""></iframe>
</asp:Panel>
iframe's src is CartSummary.aspx which have the gridview for cart summary.
Any help is appreciated.
Thanks,
Reemal
Here is the set of code
Shopping cart link
<asp:Panel ID="pnlOpenInfo" runat="server" style="display:inline;">
<cc1:GHyperlink ID="hlCart" runat="server" ToolTip="Shopping Cart" CssClass="Orange2White10Links" IsBuildURL="true" NavigateUrl="Store/Cart.aspx">Shopping Cart</cc1:GHyperlink>
</asp:Panel>
HoverMenuExtender:
<cc1:HoverMenuExtender ID="hme2" runat="Server"
TargetControlID="pnlOpeninfo"
PopupControlID="PopupMenu"
PopupPosition="bottom"
OffsetX="-120"
OffsetY="0"
PopDelay="50" />
PopupControl:
<asp:Panel ID="PopupMenu" runat="server" Width="252px" Height="500px" style="-moz-opacity:1.0;filter:alpha(opacity=100); display: none;">
<iframe runat="server" id="frmCart" frameBorder="0" scrolling="no" ondrop="return false;" width="260" height="250" style="margin:0px 0px 0px 0px;" allowtransparency=""></iframe>
</asp:Panel>
iframe's src is CartSummary.aspx which have the gridview for cart summary.
Any help is appreciated.
Thanks,
Reemal