While table cells in HTML may look like block elements, they’re not, and thus you can’t absolutely position things inside them. I’ve been using a script that I’ve had for ages to get around this. The script would add a helper div around the contents of every cell that was relatively positioned. The benefit of […]
Tag Archives: javascript
Modify the viewport based on screen width
The following snippet will cause mobile browsers to zoom in 320px of content. Useful for responsive design with fixed widths at the various breakpoints. Depends on JQuery. <script> if ($(window).width()
Validating Canadian Postal Codes with the JQuery Validation Plugin
If you’re using the JQuery Validation Plugin, you can use the following code snippet to validate a Canadian postal code: jQuery.validator.addMethod(“cdnPostal”, function(postal, element) { return this.optional(element) || postal.match(/[a-zA-Z][0-9][a-zA-Z](-| |)[0-9][a-zA-Z][0-9]/); }, “Please specify a valid postal code.”); Then use the following rule: $(“#form”).validate({ rules: { postal_code: { required: true, cdnPostal: true } } });