Скрипт версии для слабовидящих

[yotobo]

Приветствую всех. Очень нужна помощь т.к. в джава скрипт я чайник со свистком 
В общем есть скрипт версии сайта для слабовидящих,все работает на ура, но попросили добавить еще 2 функции: кернинг(межбуквенный интервал) и межстрочный интервал.Я нашел эти функции,но как прикрутить к действующему скрипту ума не приложу.
Рабочий вариант тута
Сам скрипт можно взять здесь
А две функции,что я нашел вот

/* ================letter_spacing============== */     function set_letter_spacing() {         $('body').removeClass('spacing-normal spacing-big spacing-small').addClass($.cookie('blind-spacing'));         cl=$.cookie('blind-spacing')         cl=".a-" + cl         $(cl).addClass('current').siblings().removeClass('current');     }       $('.a-letter-spacing a').click(function() {         spacing = $(this).attr('rel');         $.cookie('blind-spacing', spacing, {path: '/'});         set_letter_spacing();         return false;     });   /* ================line-height============== */     function set_line_height() {         $('body').removeClass('height-normal height-big height-small').addClass($.cookie('blind-height'));         cl=$.cookie('blind-height')         cl=".a-" + cl         $(cl).addClass('current').siblings().removeClass('current');     }       $('.a-height a').click(function() {         height = $(this).attr('rel');         $.cookie('blind-height', height, {path: '/'});         set_line_height();         return false;     });

 

[andrey7287]

Это всё версткой делается, а не скриптами. То что вы нашли просто вешает классы на которые эта верстка завязывается и сохраняет их в куках. 

[DivMan]

медиазапросы 

[yotobo]

3 часа назад, DivMan сказал:

медиазапросы 

Причем тут вообще медиа запросы? Изучите скрипт внимательно.

[DivMan]

27 минут назад, yotobo сказал:

Причем тут вообще медиа запросы? Изучите скрипт внимательно.

Ту можно сделать на чистом JS, что при нажатии на копку весь, шрифт на сайте увеличивается. 

И код у вас, какой-то грамодский, для такой мелкой задачи. 

Edited April 4, 2017 by DivMan

[yotobo]

Есть немного другая реализация, образец , но почему-то на разных сайтах ведет себя по разному. То стили сайта слетают и верстка плывет,то вообще главное меню сайта пропадает.А так панелька удобная и аккуратная.

[Hasiev]

Зачем какие-то скрипты? line-height, letter-spacing.

Edited April 4, 2017 by Hasiev

[yotobo]

7 минут назад, Hasiev сказал:

Зачем какие-то скрипты? line-height, letter-spacing.

И каким образом вы предлагаете применять эти css свойства ко всему сайту? Без скриптов.

[Hasiev]

@yotobo А с этим я уже не сталкивался. Сделайте отдельную версию сайта 

[andrey7287]

3 часа назад, DivMan сказал:

Ту можно сделать на чистом JS, что при нажатии на копку весь, шрифт на сайте увеличивается. 

И код у вас, какой-то грамодский, для такой мелкой задачи. 

Это только в твоих фантазиях.

2 часа назад, yotobo сказал:

Есть немного другая реализация, образец

Вообще трэш какой то дикий.

1 час назад, Hasiev сказал:

Сделайте отдельную версию сайта 

Да ещё один сайт, чего мелочится .

[yotobo]

37 минут назад, andrey7287 сказал:

Это только в твоих фантазиях.

Вообще трэш какой то дикий.

Да ещё один сайт, чего мелочится .

То что трэш согласен   только вот почему летит верстка? не может же из-за разных версий jquery?

[andrey7287]

На этот вопрос я ответил в первом сообщении. Можно у вас спросить, почему вас просят выполнить работу в которой вы некомпетентны и вы на это соглашаетесь ?

[yotobo]

2 часа назад, andrey7287 сказал:

На этот вопрос я ответил в первом сообщении. Можно у вас спросить, почему вас просят выполнить работу в которой вы некомпетентны и вы на это соглашаетесь ?

Просто все сайты писал я,на собственной CMS. PHP я знаю и верстать умею,но вот js это не моё... А клиенты вредные, ГОСТ поменялся и все требуют изменить существующую версию для слабовидящих.

[andrey7287]

 

В 05.04.2017 в 01:08, yotobo сказал:

верстать умею

Так и верстайте в чём проблема ?

body.big-kerning {
 letter-spacing: 1.2px
}
.big-kerning h1,
.big-kerning h2{
 letter-spacing: 1.2px
}

Ну и так далее в зависимости от того что там у вас со стилями на сайте.  JS тут нужен только для того что бы классы на body повесить и сохранить состояние (cookies || localstorage ).

$('body').toggleClass('visual') // вешает класс 
localStorage.visual = 1 // сохраняет состояние 

if (+localStorage.visual) { // возвращает сохраненное состояние
	$('body').addClass('visual');
}

Как то так. Если будут вопросы по существу, подскажу или обращайтесь  сделаю .