JavaScript

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

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

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