Archive for jQuery
Website Crashes Only in Internet Explorer 8
Internet Explorer continues to be the most frustrating browser to develop websites for. The most recent bug I encountered with IE8 took hours to track down. While working on a website I noticed in IE8 the site would crash the entire browser before the site even had a chance to render any content. The website [...]
Debugging Javascript using the Browser’s Console
Avoid using alert() to debug your Javascript, and instead use the browser’s built in console. It is an unobtrusive way to view the status of variables and events throughout your code. For example: Please visit “How to debug Javascript” for more information
SCRIPT438: Object doesn’t support property or method ‘getElementsByTagName’
It was recently brought to my attention that one of my websites was not functioning correctly in Internet Explorer 9. Parts of the page and javascript would load, however the AJAX portions of the site failed to load. Using the F12 Developer tools package with IE9 I was able to find the error: The solution [...]
jQuery Validation Word Count Custom Method
The jQuery Validation plugin is one of the best ways to validate your forms client side. It has built in functions to check the maximum amount of characters allowed in each form field, which works great in many situations. However for a project I am currently working on the client requires text areas to have [...]
jQuery UI Autocomplete: One Field Searching for First and Last Names
In the application I’m working on, jQuery UI Autocomplete is used to search for people using their first and last names. The MySQL statement for retrieving names based on an input value was as follows: This worked fine until I did some usability testing. I found that a lot of users typed in the first AND last [...]
Increasing Password Security: Hash with sha256 Client-Side
An important part of user registration and authentication is the security of their password. A password stored in plain-text, or transfered over the internet in plain-text without the use of a SSL certificate can lead to the theft of the password, posing a security risk to not only the user but to your site as [...]
jQuery Performance and Coding Tips
This is a great article that showcases 50 jQuery Snippets to help you program scripts for your website. It covers basic jQuery functionality and methods, all the way to how to fine-tune your code for increasing website performance. 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer
jQuery Validation submitHandler fails silently in Chrome
There is an odd issue with the jQuery Validation plugin’s submitHandler callback with Chrome. To validate the form I had my function setup as follows: The alert box and form submitted correctly in Firefox. However in Chrome, the alert box worked, but after that the form refused to submit. I narrowed down the issue to [...]
The Easiest Way to Select All Checkboxes with jQuery
After looking at many code samples online that were unnecessarily complex I’ve come up with my own simple method of selecting all checkboxes on a page: You can change the selector to target certain groups of checkboxes. To deselect all checkboxes, simply change the “true” to “false”:
jQuery UI Datepicker Inline Select
It is well documented on the jQuery UI site on how to take a value from Datepicker when calling it from an input field. However when embedding Datepicker on a page (associating it with a div instead of an input field), you have to add a small amount of code to easily capture values from [...]
