Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

ModalPopup closes immediatly panel containing ajaxslideshowextender

$
0
0

Hi

I am trying to implement one page like facebook album in .net

1)Diff images in table view 2) On click of imge it will open album related to that images in popup like facebook

3) here I have used ajaxslideshowextender for slideshow and modalpopupextender for popup and javascript code to modalpopup.show()

But pnel is not poping up and sometimes opens and closed immediatly.

Your help will be apritiated, Look forward for your help and support

<script type="text/javascript">
    function ShowSlider()
    {
    debugger
     var panel =$find('mpslideshow1');
     alert(panel);
     panel.show();
     //document.getElementById("<%=pnlslideshow.ClientID%>");

    }
    </script><form id="form1" runat="server"><asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager><script runat="Server" type="text/C#">
        [System.Web.Services.WebMethod]
        [System.Web.Script.Services.ScriptMethod]
        public static AjaxControlToolkit.Slide[] GetSlides()
        {
            return new AjaxControlToolkit.Slide[] {
            new AjaxControlToolkit.Slide
		("Images/Blue hills.jpg", "Blue Hills", "Go Blue"),
            new AjaxControlToolkit.Slide("Image/1.jpg", "Sunset", "Setting sun"),
            new AjaxControlToolkit.Slide("Image/2.jpg", "Winter", "Wintery..."),
            new AjaxControlToolkit.Slide
		("Image/3.jpg", "Water lillies", "Lillies in the water"),
            new AjaxControlToolkit.Slide
		("Image/4.jpg", "Sedona", "Portrait style picture")};
        }</script><%-- <asp:UpdatePanel ID="uppnl" runat="server"><ContentTemplate>--%><div><table><tr><td><input type="image" id="imgclick" runat="server" src="~/Image/Blue hills.jpg" onclick='javascript:alert($find("mpslideshow1"));'
                        onmouseover="this.src='Image/Sunset.jpg'" onmouseout="this.src='Image/Blue hills.jpg'"
                        style="height: 100px; width: 100px" /></td><td><input id="Image1" type="image" runat="server" src="~/Image/Sunset.jpg" onclick='javascript:ShowSlider();'
                        onmouseover="this.src='Image/Blue hills.jpg'" onmouseout="this.src='Image/Sunset.jpg'"
                        style="height: 100px; width: 100px" /></td><td><input id="Image2" type="image" runat="server" src="~/Image/Blue hills.jpg" onmouseover="this.src='Image/Sunset.jpg'"
                        onmouseout="this.src='Image/Blue hills.jpg'" style="height: 100px; width: 100px" /></td><td><input id="Image3" type="image" runat="server" src="~/Image/Sunset.jpg" onmouseover="this.src='Image/Blue hills.jpg'"
                        onmouseout="this.src='Image/Sunset.jpg'" style="height: 100px; width: 100px" /></td></tr><tr><td><input id="Image4" type="image" runat="server" src="~/Image/Blue hills.jpg" onmouseover="this.src='Image/Sunset.jpg'"
                        onmouseout="this.src='Image/Blue hills.jpg'" style="height: 100px; width: 100px" /></td><td><input id="Image5" type="image" runat="server" src="~/Image/Sunset.jpg" onmouseover="this.src='Image/Blue hills.jpg'"
                        onmouseout="this.src='Image/Sunset.jpg'" style="height: 100px; width: 100px" /></td><td><input id="Image6" type="image" runat="server" src="~/Image/Blue hills.jpg" onmouseover="this.src='Image/Sunset.jpg'"
                        onmouseout="this.src='Image/Blue hills.jpg'" style="height: 100px; width: 100px" /></td><td><input id="Image7" type="image" runat="server" src="~/Image/Sunset.jpg" onmouseover="this.src='Image/Blue hills.jpg'"
                        onmouseout="this.src='Image/Sunset.jpg'" style="height: 100px; width: 100px" /></td></tr></table></div><br /><div><asp:Panel runat="server" ID="pnlslideshow" BackColor="White" Height="400px" Width="400px"
            Style="border: solid 2px red;"><asp:Image ID="imagefhfd" runat="server" ImageUrl="~/Image/Blue hills.jpg" /><asp:SlideShowExtender ID="SlideShowExtender1" runat="server" TargetControlID="imagefhfd"
                SlideShowServiceMethod="GetSlides" AutoPlay="true" Loop="true"></asp:SlideShowExtender></asp:Panel><input type="button" runat="server" id="prevButton" style="display: none" /><input type="button" runat="server" id="playButton" style="display: none" /></div><input type="button" runat="server" id="dummybuton" style="display: none" visible="true" /><asp:ModalPopupExtender runat="server" ID="mpslideshow1" BackgroundCssClass="modalBackground"
        BehaviorID="mpslideshow1" TargetControlID="dummybuton" PopupControlID="pnlslideshow"></asp:ModalPopupExtender><%--  </ContentTemplate></asp:UpdatePanel>
   --%></form>

Thank You in advance


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>