我有一个问题是使用asp.net在codebehind中打开jquery popup

问题描述

我在使用asp.net打开代码隐藏中的jquery popup时遇到问题。



这是我的代码：

Hi,

I have a problem to open jquery popup in codebehind using asp.net.

This is my code:

<div id="popupSharev" class="popup_block2">
              <div id="Div2" class="active">
            <div id="share-link1" class="share-link">
            
            <p>
            <a id="hide" href="#" title="Close" class="c-link"></a>
            <h3>Hi this is popup window</h3>
            <asp:Button runat="server" ID="btnUpdate" />
            </p>
            </div>
            </div>
            </div>

这是打开弹出窗口的锚标签

this is anchor tag to open to popup

<a id="imgshare" href="#?w=500" class="poplight1" rel="popupSharev">
                                           <span><b>1.3K</b> SHARES</span>
                                       </a>

这是我的剧本：

This is my script:

<script type="text/javascript">


         //When you click on a link with class of poplight and the href starts with a #
         $('a.poplight1[href^=#]').click(function () {
             var popID = $(this).attr('rel'); //Get Popup Name
             var popURL = $(this).attr('href'); //Get Popup href to define size

             //                url.src = "ShareMail.aspx";
             //Pull Query & Variables from href URL
             var query = popURL.split('?');
             var dim = query[1].split('&');
             var popWidth = dim[0].split('=')[1]; //Gets the first query string value

             //Fade in the Popup and add close button
             $('#' + popID).fadeIn().css({ 'width': Number(popWidth) }).prepend('<a href="#" class="close btn_close1 c-link2"></a>');

             //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
             var popMargTop = ($('#' + popID).height() + 80) / 2;
             var popMargLeft = ($('#' + popID).width() + 80) / 2;

             //Apply Margin to Popup
             $('#' + popID).css({
                 'margin-top': -popMargTop,
                 'margin-left': -popMargLeft
             });

             //Fade in Background
             $('body').append('<div id="fade2" style="z-index:10"></div>'); //Add the fade layer to bottom of the body tag.
             $('#fade2').css({ 'filter': 'alpha(opacity=80)' }).fadeIn(); //Fade in the fade layer

             return false;
         });


              //When you click on a link with class of poplight and the href starts with a #
              $('a.poplight1[href^=#]').click(function () {
                  var popID = $(this).attr('rel'); //Get Popup Name
                  var popURL = $(this).attr('href'); //Get Popup href to define size

                  //                url.src = "ShareMail.aspx";
                  //Pull Query & Variables from href URL
                  var query = popURL.split('?');
                  var dim = query[1].split('&');
                  var popWidth = dim[0].split('=')[1]; //Gets the first query string value

                  //Fade in the Popup and add close button
                  $('#' + popID).fadeIn().css({ 'width': Number(popWidth) }).prepend('<a href="#" class="close btn_close1 c-link2"></a>');

                  //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
                  var popMargTop = ($('#' + popID).height() + 80) / 2;
                  var popMargLeft = ($('#' + popID).width() + 80) / 2;

                  //Apply Margin to Popup
                  $('#' + popID).css({
                      'margin-top': -popMargTop,
                      'margin-left': -popMargLeft
                  });

                  //Fade in Background
                  $('body').append('<div id="fade2" style="z-index:10"></div>'); //Add the fade layer to bottom of the body tag.
                  $('#fade2').css({ 'filter': 'alpha(opacity=80)' }).fadeIn(); //Fade in the fade layer

                  return false;
              });


              //Close Popups and Fade Layer
              $('a.close, #fade2').live('click', function () { //When clicking on the close or fade layer...
                  $('#fade2 , .popup_block2').fadeOut(function () {
                      $('#fade2, a.close').remove();
                  }); //fade them both out

                  return false;
              });
              function fdout() {
                  $('#fade2 , .popup_block2').fadeOut(function () {
                      $('#fade2, a.close').remove();
                  }); //fade them both out

                  return false;

              }



              function fdout() {
                  $('#fade2').remove();

              }

              function HideCtrl(ctrl, timer) {
                  var ctryArray = ctrl.split(",");
                  var num = 0, arrLength = ctryArray.length;
                  while (num < arrLength) {
                      if (document.getElementById(ctryArray[num])) {
                          setTimeout('document.getElementById("' + ctryArray[num] + '").style.display = "none";', timer);
                      }
                      num += 1;
                  }
                  return false;
              }
           </script>

如果我将使用linkbutton并在onclick事件中我想打开弹出窗口。



请帮助我......

谢谢。

If I will take linkbutton and with in onclick event I want to open popup.

Please Help me......
Thank you.

推荐答案

这篇关于我有一个问题是使用asp.net在codebehind中打开jquery popup的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！