Follow these steps then you can create custom styles for your file upload form: 1.) This is the simple HTML form(please read the HTML comments I have written here bellow) <form action=”#type your action here” method=”POST” enctype=”multipart/form-data”> <div id=”yourBtn” style=”height: 50px; width: 100px;border: 1px dashed #BBB; cursor:pointer;” onclick=”getFile()”>Click to upload!</div> <!– this is your file … Read more
You will have to include a plug-in like Real Audio or QuickTime to handle the .wav file, but this should work… //====================================================================== var soundEmbed = null; //====================================================================== function soundPlay(which) { if (!soundEmbed) { soundEmbed = document.createElement(“embed”); soundEmbed.setAttribute(“src”, “/snd/”+which+”.wav”); soundEmbed.setAttribute(“hidden”, true); soundEmbed.setAttribute(“autostart”, true); } else { document.body.removeChild(soundEmbed); soundEmbed.removed = true; soundEmbed = null; soundEmbed = document.createElement(“embed”); … Read more
In short: Read the files using the HTML5 FileReader API with .readAsArrayBuffer Create a Blob with the file data and get its url with window.URL.createObjectURL(blob) Create new Image element and set it’s src to the file blob url Send the image to the canvas. The canvas size is set to desired output size Get the … Read more
It is up to the browser but they behave in similar ways. F5 usually updates the page only if it is modified. Modern browsers sends Cache-Control: max-age=0 to tell any cache the maximum amount of time a resource is considered fresh, relative to the time of the request. CTRL–F5 is used to force an update, … Read more
If you submit the form via JavaScript (i.e., formElement.submit() or anything equivalent), then none of the submit buttons are considered successful and none of their values are included in the submitted data. (Note that if you submit the form by using submitElement.click() then the submit that you had a reference to is considered active; this … Read more
Many use the MDC fallback implementations (eg. for indexOf). They’re generally rigorously standards-compliant, even to the extent of explicitly checking the types of all the arguments. Unfortunately whilst it is clear that the authors regard this code as trivial and freely-usable, there doesn’t seem to be an explicit licence-grant to put this in writing. The … Read more
Update: text-overflow: ellipsis is now supported as of Firefox 7 (released September 27th 2011). Yay! My original answer follows as a historical record. Justin Maxwell has cross browser CSS solution. It does come with the downside however of not allowing the text to be selected in Firefox. Check out his guest post on Matt Snider’s … Read more
Be sure the font is the same for all browsers. If it is the same font, then the problem has no solution using cross-browser CSS. Because every browser has its own font rendering engine, they are all different. They can also differ in later versions, or across different OS’s. UPDATE: For those who do not … Read more
jQuery has a built-in method for this: $(window).resize(function () { /* do something */ }); For the sake of UI responsiveness, you might consider using a setTimeout to call your code only after some number of milliseconds, as shown in the following example, inspired by this: function doSomething() { alert(“I’m done resizing for the moment”); … Read more
I used to work with the ex-program manager for JavaScript within Microsoft, on a non-browser EcmaScript (err.. JScr… JavaScript) project. We had some lengthy discussions about closures. In the end, the point is that they are harder to GC, not impossible. I’d have to read DC’s discussion of how MS is ‘wrong’ that closures cause … Read more