程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> 綁定圖片,彈出窗口,浏覽圖片,不被攔截

綁定圖片,彈出窗口,浏覽圖片,不被攔截

編輯:.NET實例教程
<script type="text/Javascript">
function newimg(imgurl) {
newwin=window.open('about:blank','','width=10,height=10'); //先新打開一個小窗口
newwin.document.write('<body leftmargin=0 topmargin=0><img id=img1 src='+imgurl+' onload="self.resizeTo(this.offsetWidth,this.offsetHeight);">'); //把窗口的大小調整到與圖片一樣大。
}
</script>

ASPx代碼

<ItemTemplate>
    <a href="#" onclick="newimg('<%# Eval("ImageUrl", "/PackNet/ProductIMG/...{0}") %>')">
    <ASP:Image ID="Image1" runat="server" Height="70px" Width="70px" 
    ImageUrl='<%# Eval("ImageUrl", "/PackNet/ProductIMG/{0}") %>' /></a>
</ItemTemplate>

雖然gridview提供ImageFIEld,但是它自動適應圖片大小 不怎麼好用 所以直接用Image綁定路徑

彈出頁面
function showvIEw(productID) {
newwin=window.open('about:blank','','width=600,height=450');
newwin.window.location.href="Detailed.ASPx?ID="+productID;
}

ASPx頁面中
<ASP:Button ID="btnDetailed" runat="server"
                                CommandArgument='<%# Eval("ProductID") %>'
                                CommandName="detailed" CSSClass="btn" Text="詳細>>" Width="70px" OnLoad="btnDetailed_Load" CausesValidation="False" UseSubmitBehavior="False" />

cs代碼
protected void btnDetailed_Load(object sender, EventArgs e)
    {
        ((Button)sender).Attributes.Add("onclick", "showvIEw(" + ((Button)sender).CommandArgument.ToString() + ")");
    }

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved