Forums

<style>
input#id_myfile{
   -moz-opacity:0;
   filter:alpha(opacity:0);
   opacity:0;
   z-index:1;
   border-width:0px;
   border:0px;
   width:0px;
   height:0px;
   position:absolute;
   visibility:hidden;
}

input#id_file_fake{
   position:absolute;
   z-index:2;
   background-color:#078faf;
   color:#124b5c;
   font-weight:bold;
   color:#ffffff;
   width:100px;
   height:17px;
   text-transform:lowercase;
   margin-top:5px;
   font-size:8pt;
}

input#id_file_fake2{
   width:255px;
   height:23px;
   z-index:2;
   position:absolute;
   left:162px;
}
</style>

<script>
   function simulateClickFileUpload:function(){
      Default.$('id_myfile').click();
   }

   function sendFile(){

      YAHOO.util.Connect.setForm(Default.$('fileSend'), true, true);

         var handleUpload = function(o){
            alert(o.responseText);
         }

         var callback = {upload:handleUpload};

         var request = YAHOO.util.Connect.asyncRequest('POST', '/sendfile', callback);
   }

</script>

<form name='fileSend' id='fileSend' method='post' action='#' enctype='multipart/form-data'>

<p>
<input type='file' id='id_myfile' name='myfile' onchange='fakeFile();' />
<input type='button' id='id_file_fake' name='file_fake' value='select file' onclick='simulateClickFileUpload();' />
<input type='text' name='file_fake2' id='id_file_fake2' readonly />
<input id='bt_send_file' type='button' onclick='sendFile();' value='ok' />
</p>

</form>