I have a product gallery aspx page that displays product images from a database.  I want a popup div to display onmouseover on each image, to allow the user to select options (imagebuttons in the popup).

For each image (imageButton) I am creating a div and a PopupControlExtender in codebehind like this:

Dim PME1 As New AjaxControlToolkit.PopupControlExtender
PME1.PopupControlID = "ctl00_ContentPlaceHolder1_popupdivdiv" & j  'This is the poup div to display
PME1.TargetControlID = "prodimg" & j  'This is the imagebutton ID
PME1.ID = "PME_" & j
PlaceHolder1.Controls.Add(PME1)

Because the PopupControLExtender fires when the TargetControl gets focus, I set focus on mouseover like this: 

rchris,

Instead of trying to chain events like this, you can call the _showPopup and _hidePopup from clientscript instead.  You'll want to set your TargetControlID to a HiddenField control.  Then you can call $find('PME1') to get a reference to your extender, and call its _showPopup() method to display the popup.

I tried to do a sample for you, but your code fragment has too much going on beyond what you've posted.  I hope this is enough to get you started.

James

Thanks.  That worked, sort of.  The mouseover now shows and hides the popup nicely, but it is not positioned with reference to the image.  Rather, the popup is displayed in the upper left corner of the page.  Changing the TargetControlID changed the position of the popup. 

Do I need a hidden field near each image? Or is there another way to position the popup near the image?

Here's the code now:

var myPME = $find(id);

var myPME = $find(id);

PME1.PopupControlID = "ctl00_ContentPlaceHolder1_popupdivdiv" & j

PME1.TargetControlID = "popSelector"  'this is a single hidden field used by all images

PME1.BehaviorID = "PME_" & j

Thanks.

Actually the solution was much simpler than that... I just set the TargetControlID back to the ImageButton and wa-la, all is good

Unfortunately, the flicker remains.  Mouseover the popup and it flickers.

Hi,

Can you use ModalPopup instead? Please check this thread: http://forums.asp.net/t/1316201.aspx

The modalpopup window can display the detail about the related row of GridView by mouse over and mouse out.