Здравствуйте товарищи.
Потребовалось добавить сайту динамическое изменение размера шрифта для отдельных элементов, в итоге получился вот такой код:
$(document).ready(function(){
var originalSize = $('.KIDE_msg_top').css('font-size');
var originalSize = $('.ulcontent').css('font-size');
var originalSize = $('#KIDE_txt').css('font-size');
// reset
$(".resetMe").click(function(){
$('#KIDE_output').css('font-size', originalSize);
$('.ulcontent').css('font-size', originalSize);
$('#KIDE_txt').css('font-size', originalSize);
});
// Increase Font Size
$(".increase").click(function(){
var currentDivSize = $('#KIDE_output').css('font-size');
var currentDivSize = $('.ulcontent').css('font-size');
var currentDivSize = $('#KIDE_txt').css('font-size');
var currentDivSize = parseFloat(currentDivSize) + 1;
$('#KIDE_output').css('font-size', currentDivSize);
$('.ulcontent').css('font-size', currentDivSize);
$('#KIDE_txt').css('font-size', currentDivSize);
return false;
});
// Decrease Font Size
$(".decrease").click(function(){
var currentDivSize = $('#KIDE_output').css('font-size');
var currentDivSize = $('.ulcontent').css('font-size');
var currentDivSize = $('#KIDE_txt').css('font-size');
var currentDivSize = parseFloat(currentDivSize) - 1;
$('#KIDE_output').css('font-size', currentDivSize);
$('.ulcontent').css('font-size', currentDivSize);
$('#KIDE_txt').css('font-size', currentDivSize);
return false;
});
});
Все работает, вот только он сбрасывает значения на дефолтные при каждом обновлении страницы, а очень бы хотелось, что бы запоминал на время сессии. Однако сколько не бился с куками, не удается правильно их прописать.