Sponsered Links
Categories
Sponsered Links

Enabling the other buttons
 

We now have a Large Print button that works as advertised, but we need to apply similar handling to the other two buttons (Default and Narrow Column) to make them perform their tasks. This is straightforward; we use .bind() to add a click handler to each of them, removing and adding classes as necessary. The new code reads as follows:

$(document).ready(function() {

$('#switcher-default').bind('click', function() {

$('body').removeClass('narrow');

$('body').removeClass('large');

});

$('#switcher-narrow').bind('click', function() {


$(this).addClass('selected');

});

$('#switcher-large').bind('click', function() {

$('body').removeClass('narrow');

$('body').addClass('large');

$('#switcher .button').removeClass('selected');

$(this).addClass('selected');

});

});

 
 
Sponsered Links
Latest Updates
 
All Content of this site is for learning only. We do not warrant the correctness of its content. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.
Copyright © 2009 JSPSERVLETTUTORIAL.INFO All Right Reserved