Web综合应用实验（html css javascript）

来源：互联网发布：android ndk r9d mac 编辑：程序博客网时间：2024/05/20 23:03

<!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 name="expressinstall" value="Scripts/expressInstall.swf" />
   
   
   <object type="application/x-shockwave-flash" data="实验四材料/flash/top_01.swf" width="839" height="145">
     
     <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" />
     
     <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>
     
   </object>
   
</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>

0 0