<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>sfwup</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="all">
		
                </style>

                <!-- Dependencies -->
                <script src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
                <script src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js"></script>
                 
                <!-- Source files -->
                <script src="http://yui.yahooapis.com/2.8.0r4/build/uploader/uploader-min.js"></script>

	</head>
        <body>
          <div id="uploaderContainer" style="width:120px; height:50px"></div><br>
          File Name: <span id="fileName"></span><br>
            <input type="button" value="Upload" onclick="upload(); return false;" />

<script type="text/javascript">
                YAHOO.widget.Uploader.SWFURL = "uploader.swf";
//              YAHOO.widget.Uploader.SWFURL = "http://yui.yahooapis.com/2.8.0r4/build/uploader/assets/uploader.swf";
                var uploader = new YAHOO.widget.Uploader( "uploaderContainer", "exampleSelectFileButton.png" );
                var fileID = null;

                uploader.addListener('fileSelect', function(evt) {
                  fileID = getFileID(evt);
                  uploader.disable();
                  document.getElementById('fileName').innserHTML = event.fileList[fileID].name;
                });

                function upload() {
                  uploader.upload(fileID, "upload.php");
                  fileID = null;
                }

                function getFileID(evt) {
                  for (var item in evt.fileList) {
                    if (YAHOO.lang.hasOwnProperty(evt.fileList, item)) {
                      return evt.fileList[item].id;
                    }
                  }
                  return null;
                }
            </script>
	</body>
</html>

