text: <!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>Real AJAX Mutiple Upload</title>
  	
  	<meta name="keywords" content="ajax,upload,ajax upload, html5 upload" />
  	<meta name="description" content="Ajax uploader" />
  	<meta name="author" content="AlbanX" />
  
  	<script src="jslibs/shCore.js" type="text/javascript"></script>
  	<script src="jslibs/shBrushJScript.js"  type="text/javascript" ></script>
  	<script src="jslibs/shBrushXml.js"  type="text/javascript" ></script>
  
  	<!-- SET UP AXUPLOADER  -->
  	<script src="jslibs/jquery.js" type="text/javascript"></script>
  	<script src="jslibs/ajaxupload.js" type="text/javascript"></script>
  	
  	<link rel="stylesheet" href="css/classicTheme/style.css" type="text/css" media="all" />
  	<!-- /SET UP AXUPLOADER  -->
  	
  	<link rel="stylesheet" href="css/body.css" type="text/css" media="all" />
  	<link rel="stylesheet" href="css/shCore.css" type="text/css" media="all" />
  	<link rel="stylesheet" href="css/shThemeEclipse.css" type="text/css" media="all" />
  	<link rel="stylesheet" href="css/shCoreDefault.css" type="text/css"/>
  
  	<script type="text/javascript">
  	SyntaxHighlighter.all({toolbar:false});
  	</script>
  </head>
  
  <body><h1>Real Ajax Multi Uploader</h1>
  
  <h2>Form Integration, double click on file name to edit</h2>
  <table class="options">
  <thead>
  	<tr>
  		<th>Example with form integration and file rename</th>
  		<th>Setup code</th>
  	</tr>
  </thead>
  <tbody>
  	<tr>
  		<td>
  			<p>Upload all files, or submit form. After file are uploaded form will be submited automatically. To the form will be added
  			an array with file names uploaded. By double clicking on file name it can be renamed.</p>
  			<div id="demo1" style="width:500px"></div>			
  			<form action="test.php" method="post" id="THEFORM">
  			<fieldset>
  				<legend>A Normal Form</legend>
  				<input type="text" value="Form field" name="test_input" />
  				<input type="text" value="Form field 2" name="test_input2" />
  				<input type="submit" value="Submit" />
  			</fieldset>
  			</form>
  			
  			<script type="text/javascript">
  			$('#demo1').ajaxupload({
  				url:'upload.php',
  				remotePath:'uploaded/',
  				editFilename:true,
  				form:'#THEFORM'
  			});
  
  			</script>
  			
  		</td>
  
  		<td>
  			<pre class="brush: xml">
  				&lt;div id="demo1"&gt;&lt;/div&gt;
  				
  				&lt;form action="test.php" method="post" id="THEFORM"&gt;
  				&lt;fieldset&gt;
  					&lt;legend&gt;A Normal Form&lt;/legend&gt;
  					&lt;input type="text" value="Form field" name="test_input" /&gt;
  					&lt;input type="text" value="Form field 2" name="test_input2" /&gt;
  					&lt;input type="submit" value="Submit" /&gt;
  				&lt;/fieldset&gt;
  				&lt;/form&gt;
  			</pre>
  			
  			<pre class="brush: javascript">
  			$('#demo1').ajaxupload({
  				url:'upload.php',
  				remotePath:'uploaded/',
  				editFilename:true,
  				form:'#THEFORM'
  			});
  			</pre>
  		</td>
  	</tr>
  </tbody>
  </table>
  
  </body>
  </html>
  