macouno.com » Javascript

JQuery geshi

Dolf Veenvliet — Wed, 17 Mar 2010 19:03:54 +0000

Code highlighting using ajax with jquery and geshi

$(document).ready(function(){
 
        // Initialise highlighting
        if($('pre').length){
                $('pre').each(function(){
                        highLight($(this));
                });
        }
 
});
 
// Highlight item
function highLight(thisItem){
        snippet  = thisItem.html();
        snippet = snippet.replace(/&amp;/ig, escape('&'));
        snippet = snippet.replace(/</ig, '<');
        snippet = snippet.replace(/>/ig, '>');
        language = thisItem.attr('class');
        $.ajax({
                type: "POST",
                url: '/scripts/highlight.php',
                data: 'language='+language+'&snippet='+snippet,
                dataType: "html",
                success: function(msg){
                        if (msg){
                                msg = msg.replace('&', '&');
                                thisItem.after(msg);
                                thisItem.hide();
                        }
                }
        });
}

Display clean javascript code for copying

$(document).ready(function(){

	// Initialise highlighting
	if($('pre').length){
		$('pre').each(function(){
			highLight($(this));
		});
	}

});

// Highlight item
function highLight(thisItem){
	snippet  = thisItem.html();
	snippet = snippet.replace(/&amp;/ig, escape('&'));
	snippet = snippet.replace(/</ig, '<');
	snippet = snippet.replace(/>/ig, '>');
	language = thisItem.attr('class');
	$.ajax({
		type: "POST",
		url: '/scripts/highlight.php',
		data: 'language='+language+'&snippet='+snippet,
		dataType: "html",
		success: function(msg){
			if (msg){
				msg = msg.replace('&', '&');
				thisItem.after(msg);
				thisItem.hide();
			}
		}
	});
}

Make a safe url

Dolf Veenvliet — Wed, 17 Mar 2010 18:59:19 +0000

This is a function that makes a string url safe.
Nice for creating friendly urls that are actually friendly.

// Function for making sure text only uses url safe symbols
function makeSafe(thisText, allowSpace){
        var w = "!@#$%^&*()+=[]\\\';,./{}|\":<>?";
        var s = 'abcdefghijklmnopqrstuvwxyz0123456789-_';
        var x = new Array('àáâãäå', 'ç', 'èéêë', 'ìíîï', 'ñ', 'ðóòôõöø', 'ùúûü', 'ýÿ');
        var r = new Array('a', 'c', 'e', 'i', 'n', 'o', 'u', 'y');
 
        if(allowSpace){
                s = s + ' ';
        }
 
        thisText = thisText.toLowerCase();
        var newText = new Array();
 
        for (i = 0; i < thisText.length; i++){
                thisChar = thisText.charAt(i);
                if(w.indexOf(thisChar) == -1){
                        if(s.match(''+thisChar+'')){
                                newText[i] = thisChar;
                        }else{
                                for (j = 0; j < x.length; j++){
                                        if(x[j].match(thisChar)){
                                                newText[i] = r[j];
                                        }
                                }
                        }
                }
        }
 
        return newText.join('');
}

Display clean javascript code for copying

// Function for making sure text only uses url safe symbols
function makeSafe(thisText, allowSpace){
	var w = "!@#$%^&*()+=[]\\\';,./{}|\":<>?";
	var s = 'abcdefghijklmnopqrstuvwxyz0123456789-_';
	var x = new Array('àáâãäå', 'ç', 'èéêë', 'ìíîï', 'ñ', 'ðóòôõöø', 'ùúûü', 'ýÿ');
	var r = new Array('a', 'c', 'e', 'i', 'n', 'o', 'u', 'y');

	if(allowSpace){
		s = s + ' ';
	}

	thisText = thisText.toLowerCase();
	var newText = new Array();

	for (i = 0; i < thisText.length; i++){
		thisChar = thisText.charAt(i);
		if(w.indexOf(thisChar) == -1){
			if(s.match(''+thisChar+'')){
				newText[i] = thisChar;
			}else{
				for (j = 0; j < x.length; j++){
					if(x[j].match(thisChar)){
						newText[i] = r[j];
					}
				}
			}
		}
	}

	return newText.join('');
}

Find root folder

Dolf Veenvliet — Wed, 17 Mar 2010 18:55:44 +0000

I use this tiny snippet that uses jquery to find the root folder of my website.
It assumes jquery.js is included in the page.
It’s usefull for finding out where to post ajax stuff to (so you have a complete root).

For this website it would look in the header of the html for:

// Get the source directory of this script
root = $('script[@src$=jquery.js]').attr('src').replace('js/jquery.js', '');
if(!location.href.match('www')){
        root = root.replace('www.', '');
}

Display clean javascript code for copying

// Get the source directory of this script
root = $('script[@src$=jquery.js]').attr('src').replace('js/jquery.js', '');
if(!location.href.match('www')){
	root = root.replace('www.', '');
}

Add to tinymce

Dolf Veenvliet — Wed, 17 Mar 2010 18:52:17 +0000

Because I will forget unless I save a copy here.
This is a very basic function for adding a string to tinymce (I use it to add images that are listed elsewhere on a page).

// Adding content to the end of the tinymce editor
function addToTiny(newContent){
        var inst = tinyMCE;
        inst.execCommand('mceFocus',false,'content');
        inst.execCommand('mceInsertContent', true, newContent);
}

Display clean javascript code for copying

// Adding content to the end of the tinymce editor
function addToTiny(newContent){
	var inst = tinyMCE;
	inst.execCommand('mceFocus',false,'content');
	inst.execCommand('mceInsertContent', true, newContent);
}