Панель для слабовидящих - проблема с куки

  • 0 Ответов
  • 369 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

kurz

  • Осваиваюсь на форуме
  • ***
  • 87
  • 0
Версия Joomla! 2.5.28, адрес сайта http://ddtor.ru.

Версию для слабовидящих сделала с помощью AlekVolsk, спасибо ему огромное, Re: Переключение шаблонов "на лету", здесь вопросов никаких нет, все работает замечательно.

Панель  с переключением цвета фона, размеров шрифта и отключением и включением картинок, пришлось делать самой. Если настраиваить параметры, т.е менять цвет фона или включать картинки, на основных страницах, то при переходе на другие страницы, настройки сохраняются. Но, если что-то поменять на вложенном пункте меню, то при переходе на другую страницу настройки не сохраняются. Куки сохраняются только на основных пунктах.

Как сделать, чтобы куки сохранялись на всех пунктах меню.

Код: javascript
jQuery(function() {
jQuery('body').css('font-size',jQuery.cookie('font-siz'));
jQuery('.item-page img,.item img').addClass(jQuery.cookie('img'));
jQuery('body,a').addClass(jQuery.cookie('class'));
jQuery('.smaller').click(function() {
jQuery.cookie('font-siz','83%');
jQuery('body').css ('font-size', jQuery.cookie('font-siz'));
});
jQuery('.reset').click(function() {
jQuery.cookie('font-siz','100%');
jQuery('body').css ("font-size", jQuery.cookie('font-siz'));
});
jQuery('.larger').click(function() {
jQuery.cookie('font-siz','150%');
jQuery('body').css ("font-size", jQuery.cookie('font-siz'));
});
jQuery('.blacker').click(function() {
jQuery.cookie('class','black');
jQuery('body,a').addClass(jQuery.cookie('class'))
});
jQuery('.whiter').click(function() {
stro =jQuery.cookie('class',null);
jQuery('body,a').removeClass('black');
});
jQuery('.vkl').click(function() {
jQuery.cookie('img','shown');
jQuery('.item-page img,.item img').addClass(jQuery.cookie('img'))
});
jQuery('.vykl').click(function() {
str =jQuery.cookie('img',null);
jQuery('.item-page img,.item img').removeClass('shown')
});
});

Код: html4strict
<div id="fontsize">
<div class="font">
Размер шрифта:
<a class="smaller" title="Уменьшить размер" href="#">A</a>
<a class="reset" title="Размер по-умолчанию" href="#">A</a>
<a class="larger" title="Увеличить размер" href="#">A</a>
</div>
<div class="fon">
Цвета сайта:
<a class="whiter" title="Белый фон" href="#">Б</a>
<a class="blacker" title="Черный фон" href="#">Ч</a>
</div>
<div class="izo">
Изображения:
<a class="vkl" title="Включить изображения" href="#">Вкл.</a>
<a class="vykl" title="Выключить изображения" href="#">Выкл.</a>
</div>
</div>

Код: css
.black {
    background-color: #000000;
    color: #ffffff;
}
.item-page img, .item img, .blog img, .category-desc img {
    display: none;
}
.shown {
    display: block !important;
}
Бывало и лучше!