Web綜合應用實驗(html css javascript)__html

來源:互聯網
上載者: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"  />&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
 首 頁 | 公司簡介 | 新聞中心 | 產品展示 | 新品推薦 | 夥伴 | 網上訂單 | 人才招聘 | 聯絡我們</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>
&nbsp;&nbsp; &nbsp;&nbsp;
<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">&nbsp;</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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.