在网站SY4中完成如下操作:
1. 掌握Divi,hyperlink和image控件以及动态添加控件的方法
提示:需要结合request获取参数
添加一个新的Web窗体项SY4_1,创建如下图所示页面,包含一个div和一个image要求:编程实现page_load事件发生时,在div1中动态添加6个hyerlink,显示的文本分别为1-6,当点击其中一个hyerlink时,image中显示相应的图片。图片名称预先已经知道为scenery1——scenery6。可通过设置hyperlink的navigateurl属性,将所点击的hyerlink的text值n进行参数传递,然后通过request获取n的值,再将image的imageurl属性设置为 “images/scenery” & request(“n”) & ”.jpg”
结果如下图所示:
1. 掌握Divi,hyperlink和image控件以及动态添加控件的方法
提示:需要结合request获取参数
添加一个新的Web窗体项SY4_1,创建如下图所示页面,包含一个div和一个image要求:编程实现page_load事件发生时,在div1中动态添加6个hyerlink,显示的文本分别为1-6,当点击其中一个hyerlink时,image中显示相应的图片。图片名称预先已经知道为scenery1——scenery6。可通过设置hyperlink的navigateurl属性,将所点击的hyerlink的text值n进行参数传递,然后通过request获取n的值,再将image的imageurl属性设置为 “images/scenery” & request(“n”) & ”.jpg”
结果如下图所示:
DIV应该这样<div id="div1" runat="Server"></div>
image应该这样<asp:Image ID="Image1" runat="server" />在ASPX.CS代码中的page_load方法内这样:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
HyperLink h1 ;
for (int i = 6; i >= 1; i--)
{
h1 = new HyperLink();
h1.NavigateUrl = this.Request.Url.AbsolutePath + "?imgID=" + i.ToString();
h1.Text = "点我啊" + i.ToString();
div1.Controls.Add(h1);
//div1.InnerHtml = div1.InnerHtml +"<br>";
}
}
if (!string.IsNullOrEmpty(Request["imgID"]))
{
Image1.ImageUrl = Server.MapPath("images/scenery") + Request["imgID"].ToString()+".jpg";
}
}
DIV应该这样<div id="div1" runat="Server"></div>
image应该这样<asp:Image ID="Image1" runat="server" />在ASPX.CS代码中的page_load方法内这样:
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
HyperLink h1 ;
for (int i = 6; i >= 1; i--)
{
h1 = new HyperLink();
h1.NavigateUrl = this.Request.Url.AbsolutePath + "?imgID=" + i.ToString();
h1.Text = "点我啊" + i.ToString();
div1.Controls.Add(h1);
//div1.InnerHtml = div1.InnerHtml +"<br>";
}
}
if (!string.IsNullOrEmpty(Request["imgID"]))
{
Image1.ImageUrl = Server.MapPath("images/scenery") + Request["imgID"].ToString()+".jpg";
}
}
End Sub