Fancybox-ASP.NET button not working RSS

• • Reply
  

  hiren.sharma

  Participant

  1460 Points

  311 Posts

  Re: Fancybox-ASP.NET button not working

  Jun 27, 2011 08:06 AM|LINK

  Fancybox is quite different then what i had thought

  replace onStart: function(event,ui){$(this).parent().appendTo($("form:first"))

  with

  onStart: function( links, index ){  $(links[index]).parent().appendTo($("form:first"))

  MAKE SURE YOU MAKE NO SYNTAX ERROR
  

  Do Mark as answer if my suggestion suits you
  Try out My Blog | Visit My Website
• • Reply
  

  mwcsdesign

  Member

  13 Points

  7 Posts

  Re: Fancybox-ASP.NET button not working

  Jun 27, 2011 08:20 AM|LINK

  ther is no any sysntax error , the fancy box popup div tag and other are not opening in popup 

• • Reply
  

  hiren.sharma

  Participant

  1460 Points

  311 Posts

  Re: Fancybox-ASP.NET button not working

  Jun 27, 2011 08:29 AM|LINK

  OK MY SYNTAX HAD ERROR, plus this is my last try and it should work

  $("a#example1").fancybox(
              {onStart: function( links, index ){  $(links[index]).parent().appendTo($("form:first"))}}
              );
  
  			$("a#example2").fancybox({
  				'overlayShow'	: false,
  				'transitionIn'	: 'elastic',
  				'transitionOut'	: 'elastic',
                                  onStart: function( links, index ){  $(links[index]).parent().appendTo($("form:first"))}
  			});

  Do Mark as answer if my suggestion suits you
  Try out My Blog | Visit My Website
  • Edited by mwcsdesign on Jun 27, 2011 09:55 AM
  • Edited by mwcsdesign on Jun 27, 2011 09:56 AM
  • Marked as answer by mwcsdesign on Jun 27, 2011 09:58 AM
• • Reply
  

  mwcsdesign

  Member

  13 Points

  7 Posts

  Re: Fancybox-ASP.NET button not working

  Jun 27, 2011 08:46 AM|LINK

  sorry to tell you , that this changes are not solving the issue, 

  thank you for helping me

  Once again thank you very much

  Thanks & Regards 

  Sachin

  • Edited by mwcsdesign on Jun 27, 2011 09:54 AM
  • Edited by mwcsdesign on Jun 27, 2011 09:55 AM
  • Edited by mwcsdesign on Jun 27, 2011 09:56 AM
  • Edited by mwcsdesign on Jun 27, 2011 09:58 AM
  • Edited by mwcsdesign on Jun 30, 2011 05:56 AM
• • Reply
  

  anshuljindal

  Member

  13 Points

  29 Posts

  Re: Fancybox-ASP.NET button not working

  Sep 16, 2011 09:25 AM|LINK

  Simple solution of this problem is just replace the "body" word in jquery.fancybox-1.3.4.pack.js with the "Form" word and your code will start working

  Thanks

  Thanks
  Anshul Jindal
• • Reply
  

  satish chary

  Member

  10 Points

  12 Posts

  Re: Fancybox-ASP.NET button not working

  Oct 13, 2011 07:03 AM|LINK

  I have tried by above approach.! but no luck. Am i doing any thing wrong. Kindly guide me.

  I have Master page,Update Panel,Grid view and Fancy Box.

  The Update Row,DELETE row event is not Firing when i show that grid in FANCY BOX. its working fine when i placed this GRID in a WEB page instead of FB.

   

  here is the code:-

  Javascript:-

      <script type="text/javascript" src="Scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

      <script type="text/javascript" src="Scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

      <script type="text/javascript">
          $(document).ready(function() {
              $(".various1").fancybox({
                  'titlePosition': 'inside',
                  'transitionIn': 'elastic',
                  'transitionOut': 'elastic'
              });
          });
          function pageLoad() {
              $(".various1").fancybox({
                  'titlePosition': 'inside',
                  'transitionIn': 'elastic',
                  'transitionOut': 'elastic'
              });
          }
      </script>

  .aspx Grid Column Code:-

   <asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="45px" HeaderText="Delete">
                                                          <ItemTemplate>
                                                              <asp:ImageButton runat="server" ID="btnDeleteGroup" ImageUrl="~/images/delete.png"
                                                                  OnClientClick="return confirm('Are you sure to Delete the record?')" CommandName="Delete"
                                                                  Text='<%#Eval("GroupId") %>' />
                                                          </ItemTemplate>
                                                      </asp:TemplateField>
                                                  </Columns>

   

  Delete Record Event:-
   
    protected void DeleteRecord(object sender, GridViewDeleteEventArgs e)
      {
          string autoid = gvGroups.DataKeys[e.RowIndex].Value.ToString();
          gvGroups.Rows[e.RowIndex].Style.Add("display", "none");
      }

  Please HELP

  Thanks

  Satish

  $#!dD!
• • Reply
  

  tuyenbui

  Member

  2 Points

  1 Post

  Re: Fancybox-ASP.NET button not working

  Nov 22, 2012 11:49 PM|LINK

  Yeah, thanks so much anshuljindal

  Let's me explain clearly.

  Open file 'jquery.fancybox-1.3.4.pack.js' and Replace word "body" to "form". There are two words "body" there!