Yahoo! and other websites across the Internet make much of their structured data available to developers, primarily through Web services. To access and query these services, developers traditionally endure the pain of locating the right URLs and documentation to access and query each Web service.

With YQL, developers can access and shape data across the Internet through one simple language, eliminating the need to learn how to call different APIs.

How Do I Get Started?

1. Check out the YQL Console.
2. Read how to access YQL from your application.
3. Get your API Keys to sign your requests if you need them.

1. Removing, Showing or Hiding DOM elements

// Remove Element
$("#div").remove();

// Hide
$("#div").hide();
$("#div").hide("slow");
$("#div").hide("fast");
$("#div").hide(1000);
$("#div").hide(1000, callback); 

// Show
$("#div").show();
$("#div").show("slow");
$("#div").show("fast");
$("#div").show(1000);
$("#div").show(1000, callback);  

// Toggle Hide/ Show
$("#div").toggle();
$("#div").toggle("slow");

2. Select All Check Boxes

// Check
$("#selectList").attr('checked', true); 

// Uncheck
$("#selectList").attr('checked', false);

3. Creating Images on the Fly

$("").attr({ "src": "images/loadingAnimation.gif" }).appendTo("#div");

4. jQuery noConflict used when using other libraries

var $j = jQuery.noConflict();
$j('#div').hide();

5. Getting Selected Radio Button value

$("input[name='id'][checked]").val();

6. Getting Select List values

// Value
$('#selectList').val(); 

// Text value
$('#selectList :selected').text() 

// Multiple Selection
var selections = [];
$('#multipleList :selected').each(function(i, selected){
     selections[i] = $(selected).text();
});

7. Check if checkbox is Checked

$('#checkBox').attr('checked'); 

$('#checkBoxID').is(':checked'); 

$("[:checkbox]:checked").each(
    function() {
    }
);

8. Browser Detection

if( $.browser.safari ) { // Do something }

if ($.browser.msie && $.browser.version > 6 ) { // Do something }

if ($.browser.msie && $.browser.version <= 6 ) { // Do something }

if ($.browser.mozilla && $.browser.version >= "1.8" )  { // Do something }

9. Highlight a Row onClick

$("tr").click(function() {
    $(this).toggleClass("rowActive");
});

/* CSS highlights clicked row */
.rowActive {
    border: 1px solid #333333;
    background-color: #999999;
}

10. Building the DOM Dynamically

$("
").attr({id:"header", "class":"header"}).html("Welcome to my Site!").appendTo(document.body);
$("").attr("src", "images/logo.gif").appendTo("#header");

PaginatedList Class

using System;
using System.Linq;
using System.Collections.Generic;

namespace MyApp.Helpers
{
    public class PaginatedList : List
    {

        public int PageIndex { get; private set; }
        public int PageSize { get; private set; }
        public int TotalCount { get; private set; }
        public int TotalPages { get; private set; }

        public PaginatedList(IQueryable source, int pageIndex, int pageSize)
        {
            PageIndex = pageIndex;
            PageSize = pageSize;
            TotalCount = source.Count();

            TotalPages = (int) Math.Ceiling(TotalCount / (double)PageSize);

            this.AddRange(source.Skip((PageIndex) * PageSize).Take(PageSize));
        }

        public bool HasPreviousPage
        {
            get {return (PageIndex > 0);}
        }

        public bool HasNextPage {
            get {return (PageIndex+1 < TotalPages);}
        }

    }
}

Controller

        public ActionResult Index(int? page)
        {
            int pageSize = 15;
            var content = MyAppRepository.FindContentByDate().ToList();
            var pagedContent = new PaginatedList(content, page ?? 0, pageSize);

            return View("Index", pagedContent);
        }

View

        <% if (Model.HasPreviousPage) { %>

            <%= Html.RouteLink("Previous", "Index", new { page = (Model.PageIndex - 1) })%>
        

        <% } %>

        <% if (Model.HasNextPage) { %>

            <%= Html.RouteLink("Next", "Index", new { page = (Model.PageIndex + 1) })%>
        

        <% } %>
        

Routes in Global.asax

routes.MapRoute(
                "Index",
                "Index/Page/{page}",
                new { controller = "Home", action = "Index", page = 0 }
            );

I came up with a simple PHP script to Random your Themes. It checks for CSS files on a specified folder and randomizes it. You can also set the parameter (theme.php?file=theme.css) if you want to have a static version. Note: Security has been stripped for clarity, setup up the script with your own security.

PHP

 0) {
		$rnd = rand(0, count($fileList)-1);
		$file = $folder.$fileList[$rnd];
	}
}

// Header and Content
if ($file != null) {
	$meta = pathinfo($file);
	$contentType = 'Content-type: '.$fileTypes[ $meta['extension'] ];
	header ($contentType);
	readfile($file);
}
?>

USE

JavaScript

  var isEventSupported = (function(){
    var TAGNAMES = {
      'select':'input','change':'input',
      'submit':'form','reset':'form',
      'error':'img','load':'img','abort':'img'
    }
    function isEventSupported(eventName) {
      var el = document.createElement(TAGNAMES[eventName] || 'div');
      eventName = 'on' + eventName;
      var isSupported = (eventName in el);
      if (!isSupported) {
        el.setAttribute(eventName, 'return;');
        isSupported = typeof el[eventName] == 'function';
      }
      el = null;
      return isSupported;
    }
    return isEventSupported;
  })();

Use

isEventSupported(<"Type of Event>")

For a more detailed description visit Kangax blog

With this little method writen by John Hann from Unscriptable.com you can add debouncing functionality to your JS methods.

Javascript

var debounce = function (func, threshold, execAsap) {

    var timeout;

    return function debounced () {
        var obj = this, args = arguments;
        function delayed () {
            if (!execAsap)
                func.apply(obj, args);
            timeout = null;
        };

        if (timeout)
            clearTimeout(timeout);
        else if (execAsap)
            func.apply(obj, args);

        timeout = setTimeout(delayed, threshold || 100);
    };

}

Usage

    // using debounce in a constructor or initialization function to debounce
    // focus events for a widget (onFocus is the original handler):
    this.debouncedOnFocus = this.onFocus.debounce(500, false);
    this.inputNode.addEventListener('focus', this.debouncedOnFocus, false);