Web Integrated Application Experiment (HTML CSS JavaScript) __html

Source: Internet
Author: User
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<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 ("Please fill in the order product.") ");
Form1.chanpin.focus ();

}
else if (!panduan (num)) {
Alert ("Please fill in the order quantity.") ");
Form1.num.focus ();
}
else if (!panduan (company)) {
Alert ("Please fill in the name of the company you ordered.") ");
Form1.company.focus ();
}
else if (!panduan (people)) {
Alert ("Please fill in the Order company contact.") ");
Form1.people.focus ();
}
else if (!panduan (tel)) {
Alert ("Please fill in the contact number.") ");
Form1.tel.focus ();
}
else if (!panduan (Chuanzhen)) {
Alert ("Please fill in the contact fax.") ");
Form1. Fax. focus ();
}
else if (!panduan (email)) {
Alert ("Please fill in e-mail");
Form1.email.focus ();
}
else if (!emailpanduan (email)) {
Alert ("Please fill in the correct e-mail");
Form1.email.focus ();
}
else{
var str;
Str= "Dear Customer:" + "\ n";
str+= "You order products for" +chanpin+ ",";
str+= "Order quantity is" +num+ ". ";
str+= "Your Company" +company+ ",";
str+= "Contact" +people;
str+= "The Telephone for" +tel+ ",";
str+= "Mailbox" +email+ ". ";
str+= "Thank you for your order." ";
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 ("Experiment Four material/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>
<body>
<form name= "Form1" method= "Post" action= "" >
<div id= "Aptop" >&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
Home | Company Profile | News Center | Product Show | Product Recommendation | Our Partners | Online Order | Job Opportunities | Contact Us </br></br>
<object id= "Flashid" classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width= "839" height= "145" >
<param name= "movie" value= "experiment four material/flash/top_01.swf"/>
<param name= "Quality" value= "High"/>
<param name= "wmode" value= "opaque"/>
<param name= "swfversion" value= "6.0.65.0"/>
<!--this param tag prompts you to download the latest version of Flash Player using Flash Player 6.0 r65 and a later version of the user. If you do not want the user to see the prompt, delete it. -->
<param name= "Expressinstall" value= "scripts/expressinstall.swf"/>
<!--the next object tag is used for non-IE browsers. So use IECC to hide it from IE. -->
<!--[if! Ie]>-->
<object type= "Application/x-shockwave-flash" data= "experiment Four material/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"/>
The <!--browser displays the following alternatives to users who use Flash Player 6.0 and later. -->
<div>
<p><a href= "Http://www.adobe.com/go/getflashplayer" ></a></p>
</div>
<!--[if! Ie]>-->
</object>
<!--<! [endif]-->
</object>
</div>
<div id= "Apmain" ><div id= "Apmainleft" >

<marquee direction= "Up" ><div id= "Ziti" >
<p> The company will be the same as that, service good old and new customers, to provide customers with the best price products, welcome to contact us. </p>
<p> Hotline:0755-83155222</p>
<p> Fax: 0755-83155366 </p>
<p> e-Mail dulonglp@vip.163.com
qq:59223322 228238633</p></div>
</marquee>
</br></br></br>
<a href= "Shenzhen City Dragon Industrial Development Co., Ltd." HTML "></a>" </br></br>
&nbsp;&nbsp; &nbsp;&nbsp;
<select name= "Flink" onchange= "Javascript:location.href=this.value" style=; Background-color:black; " >
<option value= "Shenzhen City Dragon Industrial Development Co., Ltd. HTML" selected= "selected" >----links----</option>
<option value= "http://www.baidu.com" > Baidu </option>
<option value= "Shenzhen City Dragon Industrial Development Co., Ltd. HTML" > Dragon Industrial Company Introduction </option>
</select>
</br></br>
&LT;IMG src= "experiment Four material/images/newp001.jpg" width= "187" height= "258"/> </div>
<div id= "Apmainright" >
&LT;P&GT;&LT;IMG src= "experiment Four material/images/newtoptb006.gif" width= 265 "height="/></p>
<p>
</br>
&LT;IMG src= "experiment Four material/images/newp006.jpg" width= "462" height= "no"/></p>
<table>
<tr>
&LT;TD width= "height=" > Order Products:</td>
<td><input tyle= "text" name= "Chanpin" id= "Chanpin" ></td>
</tr>

<tr>
&LT;TD height= > order quantity:</td>
<td><input tyle= "text" name= "num" id= "num" ></td>
</tr>

<tr>
&LT;TD height= > order company:</td>
<td><input tyle= "text" Name= "Company" id= "Company" ></td>
</tr>

<tr>
&LT;TD height= > Contact person:</td>
<td><input tyle= "text" name= "people" id= "people" ></td>
</tr>

<tr>
&LT;TD height= > Tel:</td>
<td><input tyle= "Text" name= "Tel" id= "Tel" ></td>
</tr>

<tr>
&LT;TD height= > Contact Fax:</td>
<td><input tyle= "text" name= "Chuangzhen" id= "Chuanzhen" ></td>
</tr>

<tr>
&LT;TD height= ">E-mail:</td>"
<td><input tyle= "text" naem= "email" id= "email" ></td>
</tr>

<tr>
&LT;TD height= > Notes:</td>
<td><textarea id = "Beizhu" rows= "5" cols= "></textarea></td>"
</tr>

<tr>
<td><input type= "button" value= "Submit Order" Onclick=dingdan () ></td>
&LT;TD height= "><input" type= "reset" value= "reset" ></td>
</tr>
</table>
</br></br>
<textarea id = "BEIZHU1" rows= "5" cols= "style=" "border:0px" ></textarea>

</div>
<div id= "Apbottom" >
<table width= "829" >
<tr>
&LT;TD width= "732" height= "background=" experiment four material/images/bg002.jpg >&nbsp;</td>
</tr>
</table>
</div>
</div>
<div id= "ApBottom1" >
<p align= "center" ><font size= "2" > All rights reserved: Shenzhen City Dragon Industrial Development Co., Ltd. <font color= "Orange" > website record No.: Guangdong ICP 备 No. 05054648 </font> Service Hotline: 0755-83155222 Fax: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>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

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.