Posted in ButtonReplacement.JS, Forms, Tips and Tricks, Website Widgets and Parts, tagged CSS, file input skinning, file upload, form decoration, form skinning, Forms, JavaScript, skinnable forms, type file skinning on May 16, 2009 | 4 Comments »
Here’s a quick and dirty way to style file upload (<input type=”file” />) boxes with a few lines of JavaScript and ButtonReplacement.JS, so they look like this:
instead of this:
The Init Script:
<script type=”text/javascript”>
uploadjs.init(‘100′, ‘Browse for File…’); // width and text of the “Browse…” button
</script>
The HTML – any number of file input boxes:
<form id=”Form1″ action=”" method=”post”>
<input type=”file” name=”File1″ [...]
Posted in ButtonReplacement.JS, Forms, JavaScript, Website Widgets and Parts, tagged button css, button skin, button styling, form css, form decoration, form element decoration, form element styling, form skinning, input css, input skin on March 7, 2009 | Leave a Comment »
ButtonReplacement.JS is an unobtrusive and almost codeless way to give the ordinary html buttons (<input type=”button | submit | reset” /> and <button type=”button | submit | reset”>…</button>) cool looks and appeal and yet keep their native functionality – click event, keyboard support, etc.
All you have to do is to register the runtime scripts, set [...]
