$('body').width( $('body').width() - 1 ).width( $('body').width() + 1 );

Repeat Something n Times

/**
 * Repeat something n times
 */
$.repeat = function( n ) {
	return {
		times: function( something ) {
			for( var i = 0; i < n; i++ ) {
				something( i );
			}
			return this;
		}
	}
};

/*
 * Example: hip hip hurrah
 */
$.repeat(3).times( function( i ) { 
	$( 'body' ).append( '<span>' + (i < 2 ? "hip" : "hurrah") + ' </span>' );
} );

New Date Value (unique id)

/**
 * Return a new date value
 * 
 * Each call returns a value greater than the previous call
 */
$.newDateValue = (function() {
	var current = 0;
	return function() {
		do {
			var d = Number(new Date());
		} 
		while( current == d );
		return (current = d);
	}
})();

/*
 * Example: 4 unique ids, and 4 not unique
 */
$.repeat(4)
	.times( function( i ) {
		$( 'body' ).append( '<div>' + i + ': ' + $.newDateValue() + '</div>' );
	} )
	.times( function( i ) {
		$( 'body' ).append( '<div>' + i + ': ' + Number(new Date()) + '</div>' );
	} );

Counter

/**
 * Return a counter with three methods: next, current, and init
 */
$.counter = function() {
	var current = 0;
	var increment = 1;
	return {
		/**
		 * Initialize current value and increment
		 */
		  init: function( c, i ) {
			var newCurrent = parseInt( c, 10 ); 
			if (! isNaN( newCurrent )) {
				current = newCurrent;
			}
			var newIncrement = parseInt( i, 10 ); 
			if (! isNaN( newIncrement )) {
				increment = newIncrement;
			}
			return this;
		}
		/**
		 * Get the next value
		 */
		, next: function() { 
			return current += increment; 
		}
		/**
		 * Get the current value
		 */
		, current: function() { 
			return current; 
		}
	}
};

/*
 * Example: 1 2 3 3 1 -1 -3
 */
var k = $.counter();

$.repeat(3).times( function() {
	$( 'body' ).append( '<span>' + k.next() + ' </span>' );
} );

$.repeat(1).times( function() {
	$( 'body' ).append( '<span>' + k.current() + ' </span>' );
} );

k.init( null, -2 );

$.repeat(3).times( function() {
	$( 'body' ).append( '<span>' + k.next() + ' </span>' );
} );

If you want to match a large text, these expressions are not the best. I’ve prepared a simple test page where the GeSHi’s engine file, which is almost 120KB, is going to be matched by the regular expression you input.

In Firefox 2 the performance is quite good, about 100 ms on my PC, but in Internet Explorer 7 it takes more than 7 minutes !!!

The best catch-all regular expression is [\w\W]*, which employs about 50 ms in FF2, and 0 ms in IE7 !!! (yes, zero milliseconds)

• Added support for easy namespacing
• Added support for jQuery 1.2.3 cache
• Rewritten the manual from scratch

Download

You can download metaobjects from Google Code

Changes

• Circumvented an evil bottleneck
• Simplified the core clockwork
• Removed the bundled jQuery library
• Changed the plugin names to follow the naming convention of jQuery’s plugins
• Added a new example showing that Chili 1.9 is much faster

Links

• chili.zip
• Quick Start
• Chili Central

After quite a long session of R&D, I’ve got to a pretty good solution, in the form of a jQuery plugin: jquery.wresize.js

/* =============================================================================== WResize is the jQuery plugin for fixing the IE window resize bug ............................................................................... Copyright 2007 / Andrea Ercolino ------------------------------------------------------------------------------- LICENSE: http://www.opensource.org/licenses/mit-license.php WEBSITE: http://noteslog.com/ =============================================================================== */ ( function( $ ) { $.fn.wresize = function( f ) { version = '1.1'; wresize = {fired: false, width: 0}; function resizeOnce() { if ( $.browser.msie ) { if ( ! wresize.fired ) { wresize.fired = true; } else { var version = parseInt( $.browser.version, 10 ); wresize.fired = false; if ( version < 7 ) { return false; } else if ( version == 7 ) { //a vertical resize is fired once, an horizontal resize twice var width = $( window ).width(); if ( width != wresize.width ) { wresize.width = width; return false; } } } } return true; } function handleWResize( e ) { if ( resizeOnce() ) { return f.apply(this, [e]); } } this.each( function() { if ( this == window ) { $( this ).resize( handleWResize ); } else { $( this ).resize( f ); } } ); return this; }; } ) ( jQuery );

If you want to try it, here is a test page, where a div is automatically resized when the window is resized.

References:

http://dev.jquery.com
http://snook.ca
http://ecmascript.stchur.com

Changes

• Fixed the single chunk limitation. Now any element should be properly highlighted by Chili, even if it contains many chunks, even if it is already highlighted.
• Updated the bundled jQuery library to version 1.1.3.1
• Removed the examples from the distribution zip
• Added a quick start guide, with a 3 steps Chili installation, all the examples, and a simple how-to for HotChili

Links

• chili.zip
• Quick Start
• Chili Central

The rationale behind HotChili is that many sites still don’t use any highlighting at all, and that bothers me. I developed HotChili to make it really easy for every internet user to add highlighting to someone else’s code snippets.

HotChili is a Greasemonkey user script (plugin), so it runs on any FireFox browser with that extension installed. HotChili is very easy to install and easier to use. Just click on a dull snippet and spice it up by selecting a language off the popup menu. If you change your mind, click again and undo it. That’s all!!

Install HotChili

After installing HotChili, you can browse the web as usual. If you want to test it, here is a short list of good programming pages that lack any highlighting: 1, 2, 3, 4, 5 …

As you see, HotChili is very simple to use and adds quite a readability factor to code. My advise is to turn it off during normal browsing, and turn it on when you really need it.

Changes

• Fixed a bug that showed up when the content of an element to highlight was not a single chunk: in that case the content was erased. Now such an element won’t be highlighted by Chili.
  Content without markup is one chunk, which makes it possible to apply Chili’s markup.

Files

• download all in a zip
• read the manual
• Examples
  • bundled languages
    this page shows how Chili highlights the bundled languages: JavaScript, PHP, MySQL, XHTML, Java, C++, C#, Delphi, and LotusScript (BTW, using the dynamic and automatic setup)
  • static, automatic, adhoc: this page shows how to setup Chili for
    • downloading recipes and stylesheets all at once, using HTML
    • highlighting code sections automatically
    • highlighting code sections ad-hoc
  • dynamic, automatic, adhoc: this page shows how to setup Chili for
    • downloading recipes and stylesheets as needed, using AJAX
    • highlighting code sections automatically
    • highlighting code sections ad-hoc
  • dynamic, automatic, adhoc, metaobjects: this page shows how to setup Chili for
    • downloading recipes and stylesheets as needed, using AJAX
    • highlighting code sections automatically
    • highlighting code sections ad-hoc
    • highlighting code sections using special recipes and stylesheets, by means of metaobjects
  • all the other combinations: this page shows all the other possible combinations

Changes

• Fixed a bug that showed up when the metadataSelector option was an empty string. Now that value is used for telling Chili not to execute the metaobjects plugin (which Chili executes by default)
• Some minor cleanup
• Renamed the bundled jQuery library to reflect the correct version number (1.1.2)

Files

• download all in a zip
• read the manual
• Examples
  • bundled languages
    this page shows how Chili highlights the bundled languages: JavaScript, PHP, MySQL, XHTML, Java, C++, C#, Delphi, and LotusScript (BTW, using the dynamic and automatic setup)
  • static, automatic, adhoc: this page shows how to setup Chili for
    • downloading recipes and stylesheets all at once, using HTML
    • highlighting code sections automatically
    • highlighting code sections ad-hoc
  • dynamic, automatic, adhoc: this page shows how to setup Chili for
    • downloading recipes and stylesheets as needed, using AJAX
    • highlighting code sections automatically
    • highlighting code sections ad-hoc
  • dynamic, automatic, adhoc, metaobjects: this page shows how to setup Chili for
    • downloading recipes and stylesheets as needed, using AJAX
    • highlighting code sections automatically
    • highlighting code sections ad-hoc
    • highlighting code sections using special recipes and stylesheets, by means of metaobjects
  • all the other combinations: this page shows all the other possible combinations