Uploader

**chokko** · 01-23-2009, 02:48 AM

I created a script but now i am lost. I need to integrate sometype of uploader. can anyone give me a script and tell me how to apply it. My script is below

<!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>

<title>
Submit Test
</title>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" href="css/structure.css" type="text/css" />
<link rel="stylesheet" href="css/form.css" type="text/css" />


<script type="text/javascript" src="scripts/wufoo.js"></script>
</head>

<body id="public">

<img id="top" src="images/top.png" alt="" />
<div id="container">

<h1 id="logo"><a>Wufoo</a></h1>

<form id="form1" name="form1" class="wufoo topLabel" autocomplete="off"
enctype="multipart/form-data" method="post" action="#public">

<div class="info">
<h2>Submit Test</h2>
<div>To Gain Access to Hundreds of Tests and Notes, We Require You to Submit Atleast One Old Test Before You Have Access To The Entire DataBase</div>
</div>

<ul>

<li id="foli104" class=" ">
<label class="desc" id="title104" for="Field104">
Title:
<span id="req_104" class="req">*</span>
</label>
<div>
<input id="Field104" name="Field104" type="text" class="field text large" value="" maxlength="255" tabindex="1" />
</div>
</li>

<li id="foli106" class=" ">
<label class="desc" id="title106" for="Field106">
Date:
<span id="req_106" class="req">*</span>
</label>
<span>
<input id="Field106-1" name="Field106-1" type="text" class="field text" value="" size="2" maxlength="2" tabindex="2" /> /
<label for="Field106-1">MM</label>
</span>
<span>
<input id="Field106-2" name="Field106-2" type="text" class="field text" value="" size="2" maxlength="2" tabindex="3" /> /
<label for="Field106-2">DD</label>
</span>
<span>
<input id="Field106" name="Field106" type="text" class="field text" value="" size="4" maxlength="4" tabindex="4" />
<label for="Field106">YYYY</label>
</span>
<span id="cal106">
<img id="pick106" class="datepicker" src="images/calendar.png" alt="Pick a date." />
</span>
<script type="text/javascript">
Calendar.setup({
inputField : "Field106",
displayArea : "cal106",
button : "pick106",
ifFormat : "%B %e, %Y",
onSelect : selectDate
});
</script>
</li>

<li id="foli107" class=" ">
<label class="desc" id="title107" for="Field107">
Term:
<span id="req_107" class="req">*</span>
</label>
<div>
<select id="Field107" name="Field107" class="field select small" tabindex="5">
<option value="Winter" >
Winter
</option>
<option value="Spring" >
Spring
</option>
<option value="Summer" >
Summer
</option>
<option value="Fall" >
Fall
</option>
</select>
</div>
</li>

<li id="foli108" class=" ">
<label class="desc" id="title108" for="Field108">
Type of Test(s):
<span id="req_108" class="req">*</span>
</label>
<div>
<select id="Field108" name="Field108" class="field select medium" tabindex="6">
<option value="Quiz" >
Quiz
</option>
<option value="Test" >
Test
</option>
<option value="Mid-Term" >
Mid-Term
</option>
<option value="Final" selected="selected">
Final
</option>
<option value="Practice" >
Practice
</option>
<option value="Other" >
Other
</option>
</select>
</div>
</li>

<li id="foli109" class=" ">
<label class="desc" id="title109" for="Field109">
University Full Name (See instructions below field):
<span id="req_109" class="req">*</span>
</label>
<div>
<input id="Field109" name="Field109" type="text" class="field text large" value="" maxlength="255" tabindex="7" />
</div>
<p class="instruct" id="instruct109"><small>Use the full name of the university to label the content. Do not abbreviate words (St. = Saint). If commas are used in the name, put the name in quotations for singular term creation.<br />
For example:<br />
"University of California, San Diego"</small></p>
</li>

<li id="foli110" class=" ">
<label class="desc" id="title110" for="Field110">
Department:
<span id="req_110" class="req">*</span>
</label>
<div>
<input id="Field110" name="Field110" type="text" class="field text large" value="" maxlength="255" tabindex="8" />
</div>
<p class="instruct" id="instruct110"><small>DO NOT use commas when describing a single department. If there is more than one department, separate them with a comma.</small></p>
</li>

<li id="foli111" class=" ">
<label class="desc" id="title111" for="Field111">
Professor (Last Name):
<span id="req_111" class="req">*</span>
</label>
<div>
<input id="Field111" name="Field111" type="text" class="field text large" value="" maxlength="255" tabindex="9" />
</div>
<p class="instruct" id="instruct111"><small>Use LAST NAME ONLY to label the professor (use commas to separate names if there is more than one professor). If this test is department wide, describe it with the tag "department wide" (without quotes).</small></p>
</li>

<li id="foli112" class=" ">
<label class="desc" id="title112" for="Field112">
Class (Name, Call Sign):
<span id="req_112" class="req">*</span>
</label>
<div>
<input id="Field112" name="Field112" type="text" class="field text large" value="" maxlength="255" tabindex="10" />
</div>
<p class="instruct" id="instruct112"><small>Use the name and/or call sign as it reads on your syllabus (without section number) to label the class. You may use commas to freetag the section number and title of the class.<br />
For example:<br />
Systems Analysis and Design, MISB-410</small></p>
</li>

<li class="buttons">
<input id="saveForm" class="btTxt" type="submit" value="Submit" />
</li>

<li style="display:none">
<label for="comment">Do Not Fill This Out</label>
<textarea name="comment" id="comment" rows="1" cols="1"></textarea>
</li>
</ul>
</form>

</div>
<img id="bottom" src="images/bottom.png" alt="" />

</body>
</html>