MaggsWeb:7 » JQuery

Font-size ReSize with JQuery

chris — Wed, 14 Apr 2010 11:24:00 +0000

Ever wondered how to do the Increase/Decrease font sizes without reload…?

 $(document).ready(function() {
    $("a.Styleswitcher").click(function() {
        $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));
    });
});

Then put the links somewhere prominent, most likely chganged to images.

^?View Code HTML

    Default Theme
    Red Theme
    Blue Theme

jQuery show/hide DIV & Image

chris — Fri, 05 Feb 2010 08:31:55 +0000

Show/Hide areas are common place now all over the web and are an easy way to display large amounts of information that may/may not be useful to all readers. The [+] and [-] images are the key, and changing these must be seamless..
Enter jQuery.

^?View Code JAVASCRIPT

 
    $(document).ready(function() {
 
      $('.searchItem').hide();    //initial hide 
 
	  $('a#showHideBtn').toggle(
		   function(){ 
				$('.searchItem').show('slow');
				$('#showHideImage').attr('src','../images/hide.gif');
		   }, function() { 
				$('.searchItem').hide('slow');
				$('#showHideImage').attr('src','../images/show.gif');
		   });
 
      });

Browser detection with JQuery

chris — Tue, 15 Dec 2009 14:22:46 +0000

Want to determine the browser version for conditional Javascript/JQuery ? Use JQuery then.

^?View Code JAVASCRIPT

 
if( $.browser.safari ) {
    //Safari
} elseif ($.browser.msie && $.browser.version > 6 ) {
    //IE v7+
} else if ($.browser.msie && $.browser.version <= 6 ) {
    //IE  -v7
} elseif ($.browser.mozilla && $.browser.version >= "1.8" ) {
    //FF2+
}