My Favorite Jquery Code Snippets

The Web is a great place to find jQuery code snippets. It is truly amazing what some simple  searches with Google will turn up. In the past I often find myself putting these jQuery code snippets or other bits of information in Gmail and then tagging them in the subject area.

Gmail, just wasn’t made for this function, even though there was lots and lots of free space to store content in. I recently found a better way using Evernote – see the bottom of this page for more details

The following are some of those handy bits of jQuery code  snippets that I have in one of my Evernote notebooks.

jQuery Snippets

[toggle_content title="Open Prettyphotos on load"]

jQuery(document).ready(function($){
   // show a Youtube Video
    $.prettyPhoto.open('http://www.youtube.com/watch?v=hNDUNsBKSos', '', 'Click anywhere to skip intro...');
  // 1 second equals 1000 milliseconds movie is 15 seconds this works at 26400
    setTimeout("$.prettyPhoto.close()", 26400);
    });

[/toggle_content]
[toggle_content title="jQuery Delay like PHP Sleep"]

jQuery(document).ready(function($){
   $('.top_slide').slideUp(500).delay(700).fadeIn(400);
});

[/toggle_content]

[toggle_content title="Add Stripes to Table"]

jQuery(document).ready(function($){
      // Every other element will be selected
      // CSS would be  background: grey;
       $("tr:odd").addClass("odd");
    });

[/toggle_content]
[toggle_content title="Make HTML5 Work in IE"]

[/toggle_content]
[toggle_content title="Correctly Enqueue jQuery in WordPress"]

function my_jquery() {
    // don't replace WordPress admin jQuery
if( !is_admin()){
        // get rid of old jQuery
   wp_deregister_script('jquery');
       // Register new one using google libs
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"), false, '1.6.1');
      // Enqueue new jQuery Script
   wp_enqueue_script('jquery');
}}
     // Add this WordPress action to init
     // NOT in wp_head !!!
    // anywhere else can cause problems
add_action('init','my_jquery');

[/toggle_content]
[toggle_content title="Ajax Load - No Iframe"]

$(document).ready(function(){
      $("#no_iframe").load("http://islandcolors.com/jquery-tips");
});

[/toggle_content]
[toggle_content title="Ajax Load - Fade In Fade Out Every 35 Seconds"]

$(document).ready(function(){
      $("#no_iframe").fadeOut('slow').load("http://islandcolors.com./jquery-tips").fadeIn('slow');
}, 45000);

[/toggle_content]

Have You Tired Evernote?

EverNote

Searching for the information in Gmail with your homegrown Subject line tagging system is problematic , especially if you are using the native email client found on  the iPad.

But, there is another way and that is with Evernote . What is nice about Evernote is that you can find it as an App on almost every mobile client that you could use - even Blackberry.  

Evernote is just a great way to capture everything; from web pages, iPhone photographs, scanned pieces of paper and pictures to verbal notes.