<?xml version="1.0" encoding="UTF-8" ?>
<jsp:root
	xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:og="hybs-taglib.tld" 
	version="2.0">
<jsp:directive.page language="java" contentType="text/html; charset=UTF-8" />

<og:head headType="query">
	<script type="text/javascript" src="dragUpload.js"><!-- --></script> 
<style>
#uploadinput {
  display: none;
}
#uploadsugmit{
 display: none;
}
#drag-area{
	border:double 3px black;
	background-color:#EEEEEE;
	width:50%;
}
</style>
</og:head>

<jsp:directive.include file="/jsp/custom/query_info.jsp" />
<og:comment
	system	= "GF:エンジンサンプル"
	pgid	= "GF6260"
	title	= "アップロード"
	date	= "2008/10/27"
	author	= "Hiroki.Nakamura"
	text	= ""
	version	= "001"
/>

<form method="POST" action="result.jsp" enctype="multipart/form-data" target="RESULT">

<div id="drag-area">
  ファイルアップロード
  <p id="uploaddrop">Drag and Drop<br/><img src="DropboxArrow.png" style="width:100px;height:100px;" /></p>
  <div class="btn-group">
    <input type="file" multiple="multiple" id="uploadinput" />
    <button id="uploadbtn">or ファイルを選択</button>
  </div>
  <div id="uploadinfo"> 
  </div>
</div>

	<table summary="layout" >
	<tr>
		<og:input type="text" name="submitter" value="{@USER.JNAME}" size="20" lbl="MSG0014" />
		<og:column name="writable" codeName="BOOLEAN" defaultVal="false"  />
		<og:column name="SEQNO"  />
	</tr>
	<tr>
		<og:input type="file" name="FILE_01"      size="30" lbl="MSG0015" optionAttributes="multiple" />
		<og:input             name="FILE_01_NEW"  size="10" lbl="FILENAME" />
		<og:input             name="BIKO_01"      size="30" lbl="BIKO" />
	</tr>
	<tr>
		<og:input type="file" name="FILE_02"      size="30" lbl="MSG0015" />
		<og:input             name="FILE_02_NEW"  size="10" lbl="FILENAME" />
		<og:input             name="BIKO_02"      size="30" lbl="BIKO" />
	</tr>
	<tr>
		<og:input type="file" name="FILE_03"      size="30" lbl="MSG0015" />
		<og:input             name="FILE_03_NEW"  size="10" lbl="FILENAME" />
		<og:input             name="BIKO_03"      size="30" lbl="BIKO" />
	</tr>
	<tr>
		<og:input type="file" name="FILE_04"      size="30" lbl="MSG0015" />
		<og:input             name="FILE_04_NEW"  size="10" lbl="FILENAME" />
	  <td colspan="2">
		<og:input             name="FILE_04_PFX"  size="10" lbl="Prefix" td="no" />
		<og:input             name="FILE_04_SFX"  size="10" lbl="Sufix"  td="no" />
	  </td>
	</tr>
	<tr>
		<og:input type="file" name="FILE_05"      size="30" lbl="MSG0015" />
		<og:input             name="FILE_05_NEW"  size="10" lbl="FILENAME" />
		<!-- _PFX で個々のファイルの先頭を指定できる。パス記号を付ければ、フォルダ振り分けができる。 -->
		<og:select name="FILE_05_PFX" lbl="分類" >
			<og:option value=""     lbl=""     />
			<og:option value="SHIYO/" lbl="仕様書" />
			<og:option value="GIJI/"  lbl="議事録" />
			<og:option value="MITU/"  lbl="見積書" />
		</og:select>
	</tr>
	</table>

<og:queryButton type="ENTRY" />
</form>

<jsp:directive.include file="/jsp/common/htmlend.jsp" />
</jsp:root>
