使用Asp.Net文本框更改href

我嘗試使用這個prettybox的iFrame

現在我能打開。如果我給的鏈接網絡鏈接如下圖所示，其提供的鏈接中提到：

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

但是相反做這種方式我需要在文本框中提供網址，如果我點擊按鈕，我需要使用Iframe打開網站。

我可以通過點擊按鈕打開，如下所示。

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

而且我無法工作如果我沒有在href標記中提供href並在文本框中提供它。

這是我迄今所做的：

<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>

這是我的按鈕：

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

所以，當我點擊按鈕，它只是向我展示微調，而不是打開任何如圖所示在下面的圖片。

enter image description here

來源

2011-12-05 coder

你應該明確地調用錨元素prettyPhoto初始化插件。

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

順便說一句，如果你沒有指定的錨點的HREF你應該alteast指定javascript:void(0);使它看起來像所有的瀏覽器的鏈接，因爲像火狐瀏覽器不顯示他們，如果一個鏈接都沒有除非在元素上應用任何css以將其顯示爲鏈接，否則指定爲href。

來源

2011-12-05 19:45:20 ShankarSangoli

對不起，我沒有在這裏提到過，我也這樣做了，並更新了我的代碼，並在做完之後它向我展示了相同的內容。 – coder

使用Asp.Net文本框更改href

回答

相關問題