JavaScript DHTML/Form Control/Upload Button

Материал из Web эксперт
Перейти к: навигация, поиск

Upload file field and button

   <source lang="html4strict">

<html> <head> <title>DynAPI Examples - HTML File</title> <script language="JavaScript" src="./dynapisrc/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath("./dynapisrc/"); dynapi.library.include("dynapi.api"); dynapi.library.include("TemplateManager"); dynapi.library.include("HTMLButton"); dynapi.library.include("HTMLFile"); </script> <script language="Javascript">

var t = "This is the Template:
<form>
{@file}{@btnfile}

{@btnsend}
</form>
";

var tp = new Template(t,100,100,350,200,"#EEEEEE"); // it seems that only IE supports the hidden mode tp.addChild(new HTMLFile(null,((dynapi.ua.ie)? true:false),20),"file"); tp.addChild(new HTMLButton(null,"Upload"),"btnsend"); tp.btnsend.onclick = function(e){ 

 alert("About to upload file ""+tp.file.getFileName()+""");

}; if(dynapi.ua.ie) { 

 tp.addChild(new HTMLButton(null,"Select a file"),"btnfile");
 tp.btnfile.addEventListener({
   onclick:function(e){ tp.file.browse() }
 });

}; dynapi.document.addChild(tp); </script> </head> <body> <script> 

 dynapi.document.insertAllChildren();

</script> </body> </html> 


      </source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/dynapi.zip">dynapi.zip( 791 k)</a>

Источник — «http://www.wbex.ru/index.php?title=JavaScript_DHTML/Form_Control/Upload_Button&oldid=2493»