Исходный плагин (с вариантом сохранения размеров для всех страничек сайта) у меня работает, хотя, как Вы и сказали,
|
Сообщение от Andronid
|
|
загрузке из localstorage один размер применялся ко всем элементам
|
Поэтому интересен Ваш вариант.
|
Сообщение от Andronid
|
|
Немного изменил плагин
|
Но пока не могу заставить его работать у себя.
Я поменял ".font-sizer .plus" на "#increase" и так далее для всех трёх элементов (увеличения, уменьшения и сброса). Но при клике по ссылкам ничего не происходит. Возможно, я еще что-то не учел.
Буду благодарен за помощь.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$.fn.zoomtext = function (c) {
var old = JSON.parse(localStorage.getItem("elementsFont")) || {};
var a = {
min: 8, // 0 - no limits
max: 42, // 0 - no limits
increment: 1, // increment
recovery: !1, // recovery old
skip: !1, // skip child (child selector - "*")
conserve: !0 // save to local storage
}, a = $.extend(a, c);
// the selector of the element
var sel = this.selector;
if (!a.recovery && old && old[sel] && old[sel].increment) {
a.increment = a.increment * old[sel].increment;
}
a.recovery && (a.increment = 1);
a.conserve && (old[sel] = {
skip: a.skip,
increment: a.increment
});
localStorage.setItem("elementsFont", JSON.stringify(old));
// the collection - element and its child
c = $("*", this).add(this);
// firstly save original font size for each elements in the collection if it has not yet
c.each(function (a, c) {
var b = $(this).css("fontSize");
!$(this).data("fontSize") && $(this).data("fontSize", b).css("fontSize", b)
});
// if skip then remove from collection
a.skip && (c = c.not($(a.skip, this)));
return c.each(function (c, d) {
var b = $(this).css("fontSize");
b = parseFloat(b) * a.increment + 'px';
//b = $("<div/>", {css: {fontSize: b}}).css("fontSize", a.increment).css("fontSize");
a.max && parseFloat(b) > a.max && (b = a.max);
a.min && parseFloat(b) < a.min && (b = a.min);
// if recovery then set original fontSize
a.recovery && (b = $(this).data("fontSize"));
$(this).css({
fontSize: b
})
})
};
var old = JSON.parse(localStorage.getItem("elementsFont")) || {};
Object.keys(old).forEach(function (key) {
$(key).zoomtext({
increment: old[key].increment,
skip: old[key].skip,
conserve: false
});
});
$("#reset").click(function (e) {
e.preventDefault();
$('body').zoomtext({
recovery: true
});
});
$("#increase").click(function (e) {
e.preventDefault();
$('body').zoomtext({increment: 1.1});
});
$("#decrease").click(function (e) {
e.preventDefault();
$('body').zoomtext({increment: 0.9});
});
</script>
</head>
<body>
<p id="content">
Бесплатный гороскоп на сегодня 08.08.2011 для Тельца:<br /><a href="#">123456</a>
Для всех Тельцов это день максимальной активности, время, когда стоит быть энергичными в самых обыденных делах, придавая им цельность и гармонию. Не стоит упускать возможности воспользоваться чьими-то предложениями, которые могут оказаться весьма выгодными и полезными. Контакты с коллегами по работе или родственниками у Тельцов будут теплыми, приносящими успех и удовлетворение. Правда, при этом не стоит проявлять чрезмерной принципиальности в вопросах, касающихся профессиональной деятельности, так как это чревато возможными конфликтами.
</p>
<ul id="zoom">
<li><a href="#zoom" id="increase" title="увеличить шрифт">увеличить шрифт</a></li>
<li><a href="#zoom" id="reset" title="сбросить шрифт">сбросить шрифт</a></li>
<li><a href="#zoom" id="decrease" title="уменьшить шрифт">уменьшить шрифт</a></li>
</ul>
</script>
</body>
</html>