href를 Asp.Net의 텍스트 상자를 사용하여 변경하십시오.

Question

텍스트 상자와 Asp.Net 버튼이 있습니다.

제공된 링크에서 언급되는 아래와 같이 나는

지금 내가 링크를 제공하면 열 수 있어요이 prettybox Iframe에

를 사용하여 웹 링크를 열기 위해 노력하고 있어요 :

<a href="http://www.apple.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Apple.com</a> 

하지만 그 대신 그렇게하면 텍스트 상자에 웹 주소를 입력해야합니다. Iframe을 사용하여 웹 사이트를 열어야하는 버튼을 클릭하면됩니다.

아래와 같이 버튼을 클릭하여 열 수 있습니다.

그리고 href 태그에 href를 입력하지 않고 텍스트 상자에 입력하면 작동하지 않습니다. 같이 그래서 버튼을 클릭하면

<a id="various3" href="" rel="prettyPhoto[iframes]"><asp:Button ID="btnShowThumbnailImage" runat="server" Text="Button" OnClick="btnShowThumbnailImage_Click" /></a> 

는 바로 나에게 스피너를 보여주는 아무것도 개방하지 : 이것은 내 버튼입니다

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 

     $("#<%=btnShowThumbnailImage.ClientID %>").click(function() { 
      $("a[rel^='prettyPhoto']").trigger('click'); 
     }); 

     $('#<%=txtWebsiteAddress.ClientID%>').change(function() { 
      $('#various3').attr('href', $(this).val()); 
     }); 


     $("#<%=btnShowThumbnailImage.ClientID %>").click(function() { 

      $("#various3").trigger('click'); 

     }); 
    }); 
</script> 

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     $("a[rel^='prettyPhoto']").prettyPhoto({ 
      width: '75%', 
      height: '75%', 
      animationSpeed: 'normal', /* fast/slow/normal */ 
      opacity: 0.80, /* Value between 0 and 1 */ 
      showTitle: true /* true/false */ 
     }); 
    }); 
</script> 

:

이

내가 지금까지 한 일이다 아래 이미지에서.

Answer 1

당신은 앵커 요소에 prettyPhoto를 호출 명시 적으로 플러그인을 초기화해야한다. 그런데

$(document).ready(function() { 
    $("a[rel^='prettyPhoto[iframes]']").prettyPhoto(); 
} 

파이어 폭스와 같은 브라우저의 경우 링크로 표시되지 않기 때문에이없는 모든 브라우저에서 링크처럼 보이게 javascript:void(0);를 지정하면 alteast해야 앵커의 HREF를 지정할 필요 없다 경우 요소에 css이 적용되어 링크로 표시되지 않으면 href이 지정됩니다.