使用网页对话框来显示图片 window.open()
生活随笔
收集整理的這篇文章主要介紹了
使用网页对话框来显示图片 window.open()
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個主要用到了JS中的 window.open(url,windowname,location)
url 目標窗口的url 如果url 是一個空字符串,瀏覽器將打開一個空白窗口
windowname window對象名稱
location? 窗口屬性設置可選參數
Default.aspx 頁如下
放置一個linkbutton,并寫下事件處理
?protected void LinkButton1_Click(object sender, EventArgs e)
??? {
??????? Response.Redirect("<script>window.open('image.aspx','','width600,height=500')</script>");
??? }
新建一個image.aspx頁來顯示彈出的那個頁面
放置DataList
前臺主要
?<asp:DataList ID="DataList1" runat="server">
??????? <ItemTemplate>
??????? <table style="width:80px;height:100px" border="1" cellpadding="0" cellspacing="0">
??????????? <tr>
??????????????? <td>
????????????????????<asp:ImageButton ID="btn_image" runat="server" Height="100px" Width="80px" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Image") %>' />
????????????????????
??????????????? </td>
??????????? </tr>
??????? </table>
??????? </ItemTemplate>
??????? </asp:DataList>
后臺代碼:
public partial class image : System.Web.UI.Page
{
??? protected void Page_Load(object sender, EventArgs e)
??? {
??????? if (!IsPostBack)
??????? {
??????????? bind(this.DataList1);
??????? }
??? }
??? public void bind(DataList dl)
??? {
??????? PagedDataSource ps = new PagedDataSource();
??????? string sql = "select * from tb_image";
??????? SqlConnection con = new SqlConnection("");
??????? SqlDataAdapter sda = new SqlDataAdapter(sql, con);
??????? DataSet ds = new DataSet();
??????? sda.Fill(ds,"tb_image");
??????? //指定PagedDataSource 的數據源
??????? ps.DataSource = ds.Tables["tb_image"].DefaultView;
??????? ps.AllowPaging = true;
??????? ps.PageSize = 5;
??????? //指定DataList的數據源
??????? dl.DataSource = ps;
??????? dl.DataKeyField = "id";
??????? dl.DataBind();
??? }
}
url 目標窗口的url 如果url 是一個空字符串,瀏覽器將打開一個空白窗口
windowname window對象名稱
location? 窗口屬性設置可選參數
Default.aspx 頁如下
放置一個linkbutton,并寫下事件處理
?protected void LinkButton1_Click(object sender, EventArgs e)
??? {
??????? Response.Redirect("<script>window.open('image.aspx','','width600,height=500')</script>");
??? }
新建一個image.aspx頁來顯示彈出的那個頁面
放置DataList
前臺主要
?<asp:DataList ID="DataList1" runat="server">
??????? <ItemTemplate>
??????? <table style="width:80px;height:100px" border="1" cellpadding="0" cellspacing="0">
??????????? <tr>
??????????????? <td>
????????????????????<asp:ImageButton ID="btn_image" runat="server" Height="100px" Width="80px" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Image") %>' />
????????????????????
??????????????? </td>
??????????? </tr>
??????? </table>
??????? </ItemTemplate>
??????? </asp:DataList>
后臺代碼:
public partial class image : System.Web.UI.Page
{
??? protected void Page_Load(object sender, EventArgs e)
??? {
??????? if (!IsPostBack)
??????? {
??????????? bind(this.DataList1);
??????? }
??? }
??? public void bind(DataList dl)
??? {
??????? PagedDataSource ps = new PagedDataSource();
??????? string sql = "select * from tb_image";
??????? SqlConnection con = new SqlConnection("");
??????? SqlDataAdapter sda = new SqlDataAdapter(sql, con);
??????? DataSet ds = new DataSet();
??????? sda.Fill(ds,"tb_image");
??????? //指定PagedDataSource 的數據源
??????? ps.DataSource = ds.Tables["tb_image"].DefaultView;
??????? ps.AllowPaging = true;
??????? ps.PageSize = 5;
??????? //指定DataList的數據源
??????? dl.DataSource = ps;
??????? dl.DataKeyField = "id";
??????? dl.DataBind();
??? }
}
轉載于:https://www.cnblogs.com/ivy/archive/2008/06/07/1215435.html
總結
以上是生活随笔為你收集整理的使用网页对话框来显示图片 window.open()的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: gps天线拆解图片_威旺M20如何拆解中
- 下一篇: php layout布局文件,layou