Kilobyte Counter

Introduction

The Kilobyte counter is a way to clock the file size of any input field in a form in both bytes and kilobytes, much like using the right click » properties function in Windows for a file.

Demonstration

Code

<?xml version="1.0" encoding="iso-8859-1"?> <!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> <title>Kilobyte Counter</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <script language="javascript" type="text/javascript"> // // Kilobyte Counter // Some Rights Reserved // http://webdeveloper.50webs.com // function count(fld, transferKB, report){ transferKB.value= fld.value.length*0.0009765625 //Math of conversion factor, 1026 bytes: 1 KB writeKB=transferKB.value.slice(0,5); //Rounds off (easier way?) if (fld.value.length != "0") {report.value = "Current File Size: "+writeKB+ "KB \("+fld.value.length+" bytes\)";} else report.value = "Current File Size: 0.000KB (0 bytes)" //Corrects rounding to 0 KB } </script> <form> <textarea name="userinput" rows="4" cols="30" onkeydown="count(userinput,kb,file_size);" onkeyup="count(userinput,kb,file_size);"></textarea> <br /> <input type=hidden name=kb> <input readonly name=file_size size=35 value="Current File Size: 0.000KB (0 bytes)"> <script language="javascript">count(userinput,kb,file_size);</script> <! Script used to show filesize on preset value at onLoad for MS-IE></form> </body> </html>

Get and View Page Updates

Report an Error | Return to Top