hi every body i am trying to display the popup on datalist control when mouseover on image in datalist i want to display the popup
<td style="width:100%;" valign="top">
<asp:Panel ID="PanelRight" Height="500px" BackColor="White" CssClass="" runat="server" Width="100%">
<div style="padding: 10px;" class="listlight">
<h2 class="topl_lrg">
<asp:Label ID="lblMembers" runat="server" Text="Members"></asp:Label>
<asp:Label ID="lblMembersCount" runat="server"></asp:Label>
</h2>
</div>
<div class="listlight" id="divMembers" runat="server">
<asp:DataList ID="DataList1" runat="server" RepeatColumns="4"
RepeatDirection="Vertical" RepeatLayout="Table" CellSpacing="20" BorderColor="Black" BorderWidth="2" BorderStyle="Ridge" ItemStyle-BorderWidth="1" ItemStyle-BackColor="Silver" ItemStyle-Font-Bold="true" ItemStyle-Font-Size="12px" BackColor="Wheat" >
<ItemTemplate>
<div> <img id="imgMembers" runat="server" height="70" width="70" align="left" src="../App_Themes/images/student.gif" alt="" onmouseover="$find('behaviorIDofPopop').showPopup()" onmouseout="$find('behaviorIDofPopop').hidePopup();"/></div>
<%--<div>
<asp:ImageButton ID="ImageButtonMember" ImageUrl="../App_Themes/images/student.gif" height="70" width="70" align="left" runat="server" />
</div>--%>
<div style="text-align:center"><asp:Label ID="lblFName" runat="server" Style="color: #8e8e38;" Text='<%#DataBinder.Eval(Container.DataItem, "FirstName")%>'></asp:Label></div>
<br />
</ItemTemplate>
</asp:DataList>
</div>
</asp:Panel>
<%-- <asp:LinkButton ID="lnkDummy" runat="server"></asp:LinkButton>--%>
<asp:Panel ID="panelMember" CssClass="HellowWorldPopup" runat="server">
<div><img height="70" width="70" align="left" src="../App_Themes/images/student.gif" alt="" /></div>
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender2" runat="server" BackgroundCssClass="ModalPopupBG" Enabled="true" drag="true">
</ajaxToolkit:ModalPopupExtender>
<ajaxToolkit:RoundedCornersExtender ID="PanelRight_RoundedCornersExtender" runat="server"
Enabled="True" Corners="All" Radius="6" TargetControlID="PanelRight">
</ajaxToolkit:RoundedCornersExtender>
</td>
public void ViewMemberProfile()
{
CommunityManagement.CommunityManagementSoap memberProfileService = new CommunityManagement.CommunityManagementSoapClient();
GetTop20MembersRequest memberProfileRequest = new GetTop20MembersRequest();
memberProfileRequest.Body = new GetTop20MembersRequestBody();
memberProfileRequest.Body.communityId = int.Parse(Request.QueryString["communityId"]);
GetTop20MembersResponse memberProfileResponse = memberProfileService.GetTop20Members(memberProfileRequest);
if (memberProfileResponse != null)
{
Table table = new Table();
foreach (Members memberProfile in memberProfileResponse.Body.GetTop20MembersResult)
{
table.Caption = "Profile";
table.CaptionAlign = TableCaptionAlign.Top;
table.HorizontalAlign = HorizontalAlign.Center;
TableRow tr1 = new TableRow();
TableRow tr2 = new TableRow();
TableCell tc2 = new TableCell();
Label lblFname = new Label();
lblFname.Text = "Name: " + memberProfile.FirstName.ToString();
tc2.Controls.Add(lblFname);
tr2.Controls.Add(tc2);
TableRow tr3 = new TableRow();
TableCell tc3 = new TableCell();
Label lblClass = new Label();
lblClass.Text = "Class: " + memberProfile.Class.ToString();
tc3.Controls.Add(lblClass);
tr3.Controls.Add(tc3);
TableRow tr4 = new TableRow();
TableCell tc4 = new TableCell();
Label lblLocation = new Label();
lblLocation.Text = "Location: " + memberProfile.Location.ToString();
tc4.Controls.Add(lblLocation);
tr4.Controls.Add(tc4);
table.Controls.Add(tr1);
table.Controls.Add(tr2);
table.Controls.Add(tr3);
table.Controls.Add(tr4);
panelMember.Controls.Add(table);
// modalControl.Controls.Add(table);
}
Button btnOk1 = new Button();
btnOk1.ID = "OkButton1";
btnOk1.Width = Unit.Pixel(50); ;
btnOk1.Text = "Close";
TableRow tr5 = new TableRow();
TableCell tc5 = new TableCell();
tc5.HorizontalAlign = HorizontalAlign.Right;
tc5.Controls.Add(btnOk1);
tr5.Cells.Add(tc5);
table.Controls.Add(tr5);
ModalPopupExtender2.TargetControlID = "imgMembers";
ModalPopupExtender2.PopupControlID = "panelMember";
ModalPopupExtender2.OkControlID = "OkButton1";
ModalPopupExtender2.BehaviorID = "behaviorIDofPopop";
}
}
