[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/14082024/Data/htdocs/htdocs/ojs/248/lib/pkp/js/functions/ [ Home ]
File: fontController.js
/**
 * Font Controller
 * For creating a font size changer interface with minimum effort
 * Copyright (c) 2009 Hafees (http://cool-javascripts.com)
 * License: Free to use, modify, distribute as long as this header is kept :)
 *
 */

/**
 * Required: jQuery 1.x library,
 * Optional: jQuery Cookie Plugin (if used, the last used font size will be saved)
 * Usage: (For more details visit
 * This function can be called inside a $(document).ready()
 * Eg: fontSize("#controls", "#content", 9, 12, 20); where,
 * #controls - where control is the element id, where the controllers will be created.
 * #content - for which element the font size changes to apply. In this case font size of content div will be changed
 * 9 - minimum font size
 * 12 - default font size
 * 20 - maximum font size
 *
 */
function fontSize(container, target, minSize, defSize, maxSize, baseUrl) {
	/*Editable settings*/
	var minCaption = "Make font size smaller"; //title for smallFont button
	var defCaption = "Make font size default"; //title for defaultFont button
	var maxCaption = "Make font size larger"; //title for largefont button

	var cookie = 'font-size';

	//Now we'll add the font size changer interface in container
	var smallFontHtml = "<a href='javascript:void(0);' class='pkp_controllers_fontController_smallFont' title='" + minCaption +"'>" + minCaption + "</a> ";
	var defFontHtml = "<a href='javascript:void(0);' class='pkp_controllers_fontController_defaultFont' title='" + defCaption +"'>" + defCaption + "</a> ";
	var largeFontHtml = "<a href='javascript:void(0);' class='pkp_controllers_fontController_largeFont' title='" + maxCaption +"'>" + maxCaption + "</a> ";
	$(container).html(smallFontHtml + defFontHtml + largeFontHtml);

	//Read cookie & sets the fontsize
	if ($.cookie != undefined) {
		var value = $.cookie(cookie);
		if (value !=null) {
			$(target).css('font-size', parseInt(value, 10));
		}
	}

	//on clicking small font button, font size is decreased by 1px
	$(container + " .pkp_controllers_fontController_smallFont").click(function(){
		var curSize = parseInt($(target).css("font-size"), 10);
		var newSize = curSize - 1;
		if (newSize >= minSize) {
			$(target).css('font-size', newSize);
		}
		if (newSize <= minSize) {
			$(container + " .pkp_controllers_fontController_smallFont").addClass("pkp_controllers_fontController_sdisabled");
		}
		if (newSize < maxSize) {
			$(container + " .pkp_controllers_fontController_largeFont").removeClass("pkp_controllers_fontController_ldisabled");
		}
		updatefontCookie(newSize, baseUrl); //sets the cookie

	});

	//on clicking default font size button, font size is reset
	$(container + " .pkp_controllers_fontController_defaultFont").click(function(){
		$(target).css('font-size', defSize);
		$(container + " .pkp_controllers_fontController_smallFont").removeClass("pkp_controllers_fontController_sdisabled");
		$(container + " .pkp_controllers_fontController_largeFont").removeClass("pkp_controllers_fontController_ldisabled");
		updatefontCookie(defSize, baseUrl);
	});

	//on clicking large font size button, font size is incremented by 1 to the maximum limit
	$(container + " .pkp_controllers_fontController_largeFont").click(function(){
		var curSize = parseInt($(target).css("font-size"), 10);
		var newSize = curSize + 1;
		if (newSize <= maxSize) {
			$(target).css('font-size', newSize);
		}
		if (newSize > minSize) {
			$(container + " .pkp_controllers_fontController_smallFont").removeClass("pkp_controllers_fontController_sdisabled");
		}
		if (newSize >= maxSize) {
			$(container + " .pkp_controllers_fontController_largeFont").addClass("pkp_controllers_fontController_ldisabled");
		}
		updatefontCookie(newSize, baseUrl);
	});

	function updatefontCookie(size, baseUrl) {
		if ($.cookie != undefined) { //If cookie plugin available, set a cookie
			var cookie = 'font-size';
			$.cookie(cookie, size, { path: baseUrl });
		}
	}
}