Bill Heaton pixelhandler

## index.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Event Pooling, or perhaps Pub/Sub</title>
    <script type="text/javascript" charset="utf-8" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
</head>
<body>
<strong>Who is this?</strong>
<form action="#" method="get" accept-charset="utf-8" id="whoisit">

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <title>HTML for .searchText() jQuery Plugin, custom helper text input value</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
  <h1>.searchText() jQuery Plugin, adding search helper text / behavior</h1>
  <ol>
    <li>

## matchHeight.js
(function($) {
/**
 *  .matchHeight()
 *    - match heights of multiple columns that use css layout with floating elements
 */
$.fn.matchHeight = function(options) {
    // set the containing element and set elements used as columns
    var defaults = {
        container : '.main',
        columns   : 'div',

## boilerplate_jQuery_plugin.js
//jQuery.noConflict();
(function($) { // $ is jQuery
    // plugin for yada yada
    $.fn.yadayada = function(options) {
        var defaults = {
            foo : 'bar'
        };
        // Extend our default options with those provided.
        var opts = $.extend({}, defaults, options);
        // Do something to each item

## hijack_form_submit.js
// using jQuery library and validation plugin in this code
// for checking keycodes
function getKeyCode(event) {
    var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
    return keycode;
}

// is there an anchor as Submit button?
var $submit = $('a[id$="_submit"]');
// is there any behavior already on submit, like -> onclick="__doPostBack(...)"

## images_loaded.js
// Check if images load properly
// returns false if image not loaded
function imgOK(img) {
    if (!img.complete) {
        return false;
    }
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }
    return true;

## import_url_ruby.rb
def importHTML
  require 'open-uri'
  @source = open("http://domain.com/some.html").read
end

# uses a reference parameter when getting remote XML
def importXML
  require 'open-uri'
  @aclass = AClass.find(params[:id]) # expecting a param named ref
  @content = open("http://domain.com" + @aclass.ref + "&type=xml").read

## grid.sass
// Grid
// ===========================
// e.g. 960px, 12 columns (px) : | 10+ | 60 + 20 (x11) | 60 + 10 |

// Setup your grid ...
// total page width
!gTotal = 960px
// number of columns
!grid = 16
// gutter between columns

## browserName.js
/* Pixelhandler namespace. */
if (!window.PXHLR) { var PXHLR = {}; }

/**
 *  PXHLRbrowserName - add browser info to class
 *	@return sting like ...
 *		webkit, opera, msie, mozilla
 *		written in into the class attribute of obj
 */
(function($) {

## getParam.js

/**
 * method to test string for XSS
 * @name PXHLR.preventXSS
 * @type Function
 * @member PXHLR
 * @returns String that doesn't allow XSS Cross Site Scripting attack
 */
PXHLR.preventXSS = function (str) {
    var paramStr = str;
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8"/>
	<title>Event Pooling, or perhaps Pub/Sub</title>
	<script type="text/javascript" charset="utf-8" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
	</head>
	<body>
	<strong>Who is this?</strong>
	<form action="#" method="get" accept-charset="utf-8" id="whoisit">
	(function($) {
	/**
	* .matchHeight()
	* - match heights of multiple columns that use css layout with floating elements
	*/
	$.fn.matchHeight = function(options) {
	// set the containing element and set elements used as columns
	var defaults = {
	container : '.main',
	columns : 'div',
	//jQuery.noConflict();
	(function($) { // $ is jQuery
	// plugin for yada yada
	$.fn.yadayada = function(options) {
	var defaults = {
	foo : 'bar'
	};
	// Extend our default options with those provided.
	var opts = $.extend({}, defaults, options);
	// Do something to each item
	// using jQuery library and validation plugin in this code
	// for checking keycodes
	function getKeyCode(event) {
	var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
	return keycode;
	}

	// is there an anchor as Submit button?
	var $submit = $('a[id$="_submit"]');
	// is there any behavior already on submit, like -> onclick="__doPostBack(...)"
	// Check if images load properly
	// returns false if image not loaded
	function imgOK(img) {
	if (!img.complete) {
	return false;
	}
	if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
	return false;
	}
	return true;
	def importHTML
	require 'open-uri'
	@source = open("http://domain.com/some.html").read
	end

	# uses a reference parameter when getting remote XML
	def importXML
	require 'open-uri'
	@aclass = AClass.find(params[:id]) # expecting a param named ref
	@content = open("http://domain.com" + @aclass.ref + "&type=xml").read
	// Grid
	// ===========================
	// e.g. 960px, 12 columns (px) : \| 10+ \| 60 + 20 (x11) \| 60 + 10 \|

	// Setup your grid ...
	// total page width
	!gTotal = 960px
	// number of columns
	!grid = 16
	// gutter between columns
	/* Pixelhandler namespace. */
	if (!window.PXHLR) { var PXHLR = {}; }

	/**
	* PXHLRbrowserName - add browser info to class
	* @return sting like ...
	* webkit, opera, msie, mozilla
	* written in into the class attribute of obj
	*/
	(function($) {

	/**
	* method to test string for XSS
	* @name PXHLR.preventXSS
	* @type Function
	* @member PXHLR
	* @returns String that doesn't allow XSS Cross Site Scripting attack
	*/
	PXHLR.preventXSS = function (str) {
	var paramStr = str;