我們上51job.com網上的時候是否選擇地區的時候會彈出一個漂亮的表單然後單擊就選上了,這就是他們使用了模態視窗,這裡改名字了,不叫模式,我也不知道原因,首選來段父類頁面代碼,利於說話
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <title>模態表單父表單</title>
6 <script type="text/javascript">
7 function b_click()
8 {
9 var obj=new Object(); //構造一個對象
10 var btnvalue= window.showModalDialog("child.htm",obj);
11 document.getElementById("Button1").value=btnvalue;
12 }
13 </script>
14 </head>
15 <body>
16 <input id="Button1" type="button" value="地區選取項目" onclick="b_click()" />
17 </body>
18 </html>
簡單的一個按紐,激發click事件,構造一個對象,顯示模態表單,得到傳回值
下面貼一張子網頁代碼
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <title>模態表單子表單</title>
6 <script type="text/javascript">
7 function returnvalue(id)
8 {
9 if(id==0)
10 {
11 var returnvalue=document.getElementById("li1").innerHTML;
12 window.returnValue=returnvalue;
13 window.close();
14 }
15 if(id==1)
16 {
17 var returnvalue=document.getElementById("li2").innerHTML;
18 window.returnValue=returnvalue;
19 window.close();
20 }
21 if(id==2)
22 {
23 var returnvalue=document.getElementById("li3").innerHTML;
24 window.returnValue=returnvalue;
25 window.close();
26 }
27 if(id==3)
28 {
29 var returnvalue=document.getElementById("li4").innerHTML;
30 window.returnValue=returnvalue;
31 window.close();
32 }
33 }
34 </script>
35 </head>
36 <body>
37 <ul>
38 <li id="li1" onclick="returnvalue(0)">北京</li>
39 <li id="li2" onclick="returnvalue(1)">廣東</li>
40 <li id="li3" onclick="returnvalue(2)">杭州</li>
41 <li id="li4" onclick="returnvalue(3)">江西</li>
42 </ul>
43 </body>
44 </html>
既然說到傳值,就在說一下C#winform如何傳值給web網頁
一 C# Winform開啟網頁並傳遞資料
System.Diagnostics.Process.Start("http://localhost:2129/Email/login.aspx?TextBox1=123");
二 C# 開啟IE並POST資料
/// <summary>
/// 開啟新的瀏覽器,並且提交POST資料
/// </summary>
/// <param name="url">地址</param>
/// <param name="postData">POST 資料</param>
public static void OpenNewIe(string url, string postData)
{
var ie = new InternetExplorer();
object vPost, vHeaders, vFlags, vTargetFrame;
vPost = null;
vFlags = null;
vTargetFrame = null;
vHeaders = "Content-Type: application/x-www-form-urlencoded" + Convert.ToChar(10) + Convert.ToChar(13);
if (!string.IsNullOrEmpty(postData))
vPost = ASCIIEncoding.ASCII.GetBytes(postData);
ie.Visible = true;
ie.Navigate(url, ref vFlags, ref vTargetFrame, ref vPost, ref vHeaders);
}
請添加 COM 下 的microsoft internet controls 引用.