client-side

Exactly what are the restrictions for handling browser cookies from javascript? Can I check if cookies are enabled for example? Yes! Read this excellent article about using cookies with JavaScript Here's an excerpted code example. function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length

Javascript can manipulate the document the browser is displaying, so the following: <script> document.write("<table><tr><td>Hola</td><td>Adios</td></tr></table>"); </script> Will make the browser display a table just like if it was the original HTML document: <table> <tr> <td>Hola</td> <td>Adios</td> </tr> </table> Is there a way I can save/serve this document content? Currently we have some nicely generated reports using Ext-js, what I would like to do is to have the "text/html" version of it ( I mean, something that doesn't require javascript ) So at the end of the page I would add a button

For example, check out this Facebook plugin. In the client side the API key is clearly visible. What is stopping another user from obtaining this key and using this feature on a different site? I figured a very naive implementation would be to check the domain the request comes from but things like this are easy to fake. If I were to create something similar, how would I go about securing the authentication process? I want as much of this work to be client side, though some form of server authentication will be required surely? Any links or advice would be greatly appreciated. Update Similar

Is it worth worrying about CSS rendering performance? Or should we just not worry about efficiency at all with CSS and just focus on writing elegant or maintainable CSS instead? This question is intended to be a useful resource for front-end developers on which parts of CSS can actually have a significant impact on device performance, and which devices / browsers or engines may be affected. This is not a question about how to write elegant or maintainable CSS, it's purely about performance (although hopefully what's written here can inform more general articles on best-practice). Existing

I have a website that allows users to upload video files but I want to limit the filesize to 2MB , this is pretty straightforward after uploading the file but does anyone knows if I can check the file-size before uploading it so I don't overload the server unnecessarily ? I might be looking for a javascript/ajax solution but I don't have a clue on how to achieve this. Any help will be very welcome. Thanks guys! UPDATE: I need to check the file size on client-side and NOT on server-side , is this possible ? You can read local files in JavaScript using file reader in HTML5: http://www.html5rocks

I have a form where a user can delete a record, and I want a pop up message where the user has to click okay to confirm the delete. Delete button: <asp:Button ID="btnDelete" runat="server" Text="Delete" UseSubmitBehavior="false" OnClick="btnDelete_Click" OnClientClick="confirmation();" /> Confirmation function: function confirmation() { var answer = confirm("Are you sure you want to delete? This action cannot be undone.") } So right now, clicking the delete button executes the btnDelete_Click Sub in the code behind regardless of whether you click okay or cancel in the pop up box. I know I can