jQuery : Quelques fonctions utiles pour vos projets

Voici quelques snippets jQuery qui vous seront un jour ou l’autre utiles dans le développement de vo projets.

Comment forcer les liens à s’ouvrir dans un nouvel onglet

$("#content a[href^='http://']").click(function(){
	if(($(this).attr("class"))==='noNewWindow'){
		return true;
	}
	window.open(this.href);
	return false;
});

Remplacer les liens d’une page par une url cliquable

$.fn.replaceUrl = function() {
    var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
    this.each(function() {
        $(this).html(
            $(this).html().replace(regexp,'<a href="$1">$1</a>')
        );
    });
    return $(this);
}
//utilisation
//$('p').replaceUrl();

Comment centrer un élément par rapport à l’écran

jQuery.fn.center = function () {
    this.css('position','absolute');
    this.css('top', ( $(window).height() - this.height() ) / +$(window).scrollTop() + 'px');
    this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');
    return this;
}
//Utilisation
//$(element).center();

Comment détecter les clics gauche et droit de la souris avec jQuery

$("#someelement").live('click', function(e) {
    if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) {
        alert("Bouton gauche de la souris cliqué");
    }
    else if(e.button == 2)
        alert("Bouton droite de la souris cliqué");
});

Comment désactiver le menu contextuel du clic-droit

$(document).bind('contextmenu',function(e){ return false; });

Comment faire un défilement jusqu’à une section de votre page

jQuery.fn.autoscroll = function(selector) {
  $('html,body').animate(
    {scrollTop: $(selector).offset().top},
    500
  );
}