jquery

jQuery 1.4.2 Released

Such quick turn around for the last two point releases are building my confidence in jQuery! I love to see the huge performance improvements, its almost becoming an issue to try and fit each release into our codebase at work. Love jQuery nonetheless… keep up the good work.

Relase notes: http://blog.jquery.com/2010/02/19/jquery-142-released/

Quick Summary:

Api Changes: http://api.jquery.com/category/version/1.4.2/

Tags: ,

Friday, February 19th, 2010 JavaScript, Programming, jQuery No Comments

Fun with jQuery – Checkboxes!!!

Another day with jQuery, this time we are talking about checkboxes. Just like I stated in my previous post about select boxes, jQuery and checkbox integration, if you will, isn't cut and dry but damn near close. So how can jQuery assist with checkboxes? Lots of ways, here are a few examples to keep you entertained. Try and manually select a checkbox and it will still toggle them correctly (turn them off it they are on and vice versa). [inline] [/inline]

jQuery selector for checkboxes

Just like any input you can choose your checkbox(es) with any standard selector.
  • By Class 
    //Selector
$('.cb_class')

    <!-- Input Html -->
<input type="checkbox" class="cb_class" />
  • By Id 
    //Selector
$('#cb')

    <!-- Input Html -->
<input type="checkbox" id="cb" />
  • By tag and attribute 
    //Selector
 $('input[type=checkbox]')
//Note: This would select all checkboxes
//(same code in the Toggle Checks button above)

    <!-- Input Html -->
<input type="checkbox" />
  • By tag and attribute 
    //Selector
$('input[name=checkBoxname]')

    <!-- Input Html -->
<input type="checkbox" name="checkBoxname" />
› Continue reading

Tags: , ,

Saturday, October 17th, 2009 JavaScript, Programming, Quick Tips, jQuery No Comments

More jQuery Fun – Auto Populating a Select Box

Problem: You want to dynamically populate a select box and you don't know how. Solution: Easy, I will show you. First off, I lied there is no built in way in jQuery (why?, I don't know) to automatically populate a select box. But it actually is very easy. There are plenty of methods to accomplish this but I like to do it this was because utilizes the Option object and it doesn't require html string concatenation.

The basics

Example 1: Here is the code for the onlick event of that button: › Continue reading

Tags: ,

Thursday, October 15th, 2009 JavaScript, Programming, Quick Tips, jQuery 3 Comments

Fun with jQuery – toggle() – Easy tips to visually enhance your website

Here's a quick tip to add some cool effects with jQuery that require very little code to implement. In this example I'm going to so how use of the toggle function can make the simplest functionality and jazz it up.

.toggle()

In a nutshell, the toggle function will call the show() function if your element isn't visible and the hide() function if it is.
  • Hamburger
  • Philly Cheese Steak
  • Taco
  • Pizza
  • Something else greasy and unhealthy
<input onclick="$('#preview1').toggle();" type="button" value="Toggle My Menu" />
So as expected, clicking the button will toggle the menu. Now lets get a little more flashy: › Continue reading

Tags: ,

Wednesday, October 14th, 2009 JavaScript, Programming, Quick Tips, jQuery 1 Comment

Optimizing Website Peformance with a CDN (jQuery)

If you want to increase load times for your site a good way is to serve your resources (js/images/css) from different hosts. Even better is to use a CDN (Content Delivery Network) that has edge locations, see Amazon's CloudFront,  that will serve those resources from hosts that are nearest to your viewers.  If it is logistcally possibly for your needs and its free is there any reason not to? Yes. Specifically if you use jQuery on any of your sites more than likely you serve it with every page on your site, so if you want to have one less request for every page just use a free CDN to host it:  Google / Microsoft A recent blog post @ elijahmanor.com explains more why you would want to do such a thing. However, a commenter on that blog post has a good point... If I point my jquery resource at one of these cdn's how do I know that the files are being served since it is all client side? What's worse is how much functionality is broken if jquery is 404'd from that CDN? Well here's a little trick that you can use verify that jQuery is loaded and how to handle it if not: › Continue reading

Tags: ,

Friday, October 2nd, 2009 JavaScript, Programming, Quick Tips No Comments

Using jQuery to rewrite all relative url’s

Problem: I have a template file that has all relative url's for all the links and I have this template on two different subdomains, one is used for processing and the other is for static files. When I display something on my processing server I want it to make all the links point the the static pages without modifying the template. Solution: Use jQuery to parse all links and change to the proper domain. Question: Is there a better method that is automatic such as this? Or maybe a better way to write the jQuery as it stumped me to get it right for a bit. Code: › Continue reading

Tags: ,

Wednesday, February 11th, 2009 JavaScript, Programming No Comments

Google Ads

Twitter Feed...

Powered by Twitter Tools