2011-12-05 97 views
0

我有一個文本框和一個Asp.Net按鈕。使用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

回答

0

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

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

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

+0

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