Web綜合應用實驗(html css javascript)__html
最後更新:2018-08-06
來源:互聯網
上載者:User
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>default_order</title>
<script langguage="javascript">
function panduan(str){
if(str==""||str==null){
return 0;
}
else
return 1;
}
function emailpanduan(str){
var l;
l=str.length;
for(i=0;i<l;i++){
if(str[i]=='@'){
return true;
}
}
}
function dingdan(){
var chanpin=form1.chanpin.value;
var num=form1.num.value;
var company=form1.company.value;
var people=form1.people.value;
var tel=form1.tel.value;
var chuanzhen=form1.chuanzhen.value;
var email=form1.email.value;
if(!panduan(chanpin)){
alert("請填寫訂購產品。");
form1.chanpin.focus();
}
else if(!panduan(num)){
alert("請填寫訂購數量。");
form1.num.focus();
}
else if(!panduan(company)){
alert("請填寫訂購的公司名稱。");
form1.company.focus();
}
else if(!panduan(people)){
alert("請填寫訂購公司連絡人。");
form1.people.focus();
}
else if(!panduan(tel)){
alert("請填寫聯絡電話。");
form1.tel.focus();
}
else if(!panduan(chuanzhen)){
alert("請填寫聯絡傳真。");
form1.傳真.focus();
}
else if(!panduan(email)){
alert("請填寫E-mail");
form1.email.focus();
}
else if(!emailpanduan(email)){
alert("請正確填寫E-mail");
form1.email.focus();
}
else{
var str;
str="親愛的顧客:"+"\n";
str+="您訂購產品為"+chanpin+",";
str+="訂購數量為"+num+"。";
str+="您公司"+company+",";
str+="連絡人"+people;
str+="的電話為"+tel+",";
str+="郵箱"+email+"。";
str+="感謝您的訂購。";
document.getElementById("beizhu1").value=str;
}
}
</script>
<style type="text/css">
#apTop{
position: absolute;
text-align: center;
border: #00F 0px solid;
margin: 180px;
width: 1000px;
left: 9px;
top: -157px;
}
#apMain{
position: absolute;
width: 1000px;
height: 1500px;
border: #00F 0px solid;
left: 110px;
top: 303px;
}
#apMainLeft{
position: absolute;
left: 134px;
margin: 30px;
border: #F00 0px solid;
top: -28px;
width: 188px;
height: 103px;
}
#apMainRight{
position: absolute;
right: 14px;
top: 3px;
margin: 0px;
border: #F00 0px solid;
width: 508px;
height: 143px;
}
#apBottom{
text-align: center;
position: absolute;
border: #F00 0px solid;
align: center;
width: 1000px;
left: 164px;
top: 793px;
}
#apBottom1{
background: url("實驗四材料/images/bg001.jpg") repeat;
text-align: center;
position: absolute;
width: 1000px;
border: #F00 0px solid;
left: 189px;
top: 1118px;
}
#ziti{
color:orange;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<form name="form1" method="post" action="">
<div id="apTop"><img src="實驗四材料/images/maintop001.gif" />
首 頁 | 公司簡介 | 新聞中心 | 產品展示 | 新品推薦 | 夥伴 | 網上訂單 | 人才招聘 | 聯絡我們</br></br>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="839" height="145">
<param name="movie" value="實驗四材料/flash/top_01.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 標籤提示使用 Flash Player 6.0 r65 和更高版本的使用者下載最新版本的 Flash Player。如果您不想讓使用者看到該提示,請將其刪除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一個對象標籤用於非 IE 瀏覽器。所以使用 IECC 將其從 IE 隱藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="實驗四材料/flash/top_01.swf" width="839" height="145">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 瀏覽器將以下替代內容顯示給使用 Flash Player 6.0 和更低版本的使用者。 -->
<div>
<h4>此頁面上的內容需要較新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="擷取 Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div id="apMain"><div id="apMainLeft"><h3 >最新公告</h3>
<marquee direction="up"><div id="ziti">
<p>本公司將一如即往,服務好新老客戶,為客戶提供最優價產品,歡迎聯絡我們。</p>
<p> 熱線:0755-83155222</p>
<p> 傳真:0755-83155366 </p>
<p>電郵 dulonglp@vip.163.com
QQ: 59223322 228238633</p></div>
</marquee>
</br></br></br>
<h3>友情連結</h3>
<a href="深圳市都龍實業發展有限公司.html"><img src="實驗四材料/images/link002.gif" width="175" height="56" /></a></br></br>
<select name="flink" onchange="javascript:location.href=this.value;" style="color: white; background-color:black;">
<option value="深圳市都龍實業發展有限公司.html" selected="selected" >----友情連結----</option>
<option value="http://www.baidu.com" >百度一下</option>
<option value="深圳市都龍實業發展有限公司.html" >都龍實業公司介紹</option>
</select>
</br></br>
<img src="實驗四材料/images/newp001.jpg" width="187" height="258" /> </div>
<div id="apMainRight">
<p><img src="實驗四材料/images/newtoptb006.gif" width="265" height="35" /></p>
<p>
</br>
<img src="實驗四材料/images/newp006.jpg" width="462" height="80" /></p>
<table>
<tr>
<td width="100" height="30">訂購產品:</td>
<td><input tyle="text" name="chanpin" id="chanpin"></td>
</tr>
<tr>
<td height="30">訂購數量:</td>
<td><input tyle="text" name="num" id="num"></td>
</tr>
<tr>
<td height="30">訂購公司:</td>
<td><input tyle="text" name="company" id="company"></td>
</tr>
<tr>
<td height="30">連絡人:</td>
<td><input tyle="text" name="people" id="people"></td>
</tr>
<tr>
<td height="30">聯絡電話:</td>
<td><input tyle="text" name="tel" id="tel"></td>
</tr>
<tr>
<td height="30">聯絡傳真:</td>
<td><input tyle="text" name="chuangzhen" id="chuanzhen"></td>
</tr>
<tr>
<td height="30">E-mail:</td>
<td><input tyle="text" naem="email" id="email"></td>
</tr>
<tr>
<td height="30">備忘:</td>
<td><textarea id ="beizhu" rows="5" cols="30"></textarea></td>
</tr>
<tr>
<td><input type="button" value="提交訂單" onclick=dingdan()></td>
<td height="30"><input type="reset" value="重設"></td>
</tr>
</table>
</br></br>
<textarea id ="beizhu1" rows="5" cols="30" style="border:0px"></textarea>
</div>
<div id="apBottom">
<table width="829">
<tr>
<td width="732" height="21" background="實驗四材料/images/bg002.jpg"> </td>
</tr>
</table>
</div>
</div>
<div id="apBottom1">
<p align="center"><font size="2"> 著作權:深圳市都龍實業發展有限公司 <font color="orange">網站備案編號: 粵ICP備05054648號</font> 服務熱線:0755-83155222 傳真:0755-83155366</font> </p>
<p align="center">E-mail:dulonglp@vip.163.com</p>
</div>
<script type="text/javascript"/>
swfobject.registerObject("FlashID");
</script>
</form>
</body>
</html>