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>
                        &nbsp; &nbsp; &nbsp; &nbsp;
                        <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";

         }


     }

Recommended Answers

All 3 Replies

vytla,
Where is a problem?

Duplicate thread:
http://www.daniweb.com/forums/thread202720.html

vytla,
Please try to put your problem definition first and do not open too many threads for the same question.

Please use Flag bad Post option next to the post, to let us know of any duplicates instead of telling off a member for double posting that could possibly be caused by unstable internet connection

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.