Спонсоры:

Версия для слабовидящих

Cascading Style Sheet - таблицы стилей

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 10:31

Night_Pilgrim писал(а):вот здесь как раз вся суть...

я что-то не подумал об этом сразу откройте страницу, где у Вас должна быть кнопка смены версий и посмотрите её исходный код.

здесь смотрим 2 вопроса:
1-й действительно ли подгружена страница,
2-й указан ли id у link ref ?



Ну так как я прописываю в index.php шаблона кнопка у меня на всех стр. Так как пока я прописываю её там же пока скрипт не станет работать.

<!DOCTYPE html>
<!-- jsn_nuru_free 2.0.3 -->
<html lang="ru-ru" dir="ltr">
<script type=»text/javascript» src=»/templates/jsn_nuru_free/js/tolbar.js»></script>
<script type=»text/javascript» src=»/templates/jsn_nuru_free/js/look.js»></script>
<head>
<link id="st" rel="stylesheet" href="/templates/jsn_nuru_free/css/template.css" type="text/css">
<span onclick="look()" style="cursor: pointer;">Версия для слабовидящих</span>
<span onclick="look2()" style="cursor: pointer;">Оригинальная версия</span>

Отдельный модуль для кнопки тоже создавал не помогло.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 10:34

Ну на самом деле вот он сайт: http://ekolog-spb.ru/

Там в самом вверху кнопки.

Сейчас скрипт лежит в отдельной папке /js/look.js
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 10:47

http://ekolog-spb.ru/%C2%BB/templates/j ... k.js%C2%BB

вот так он прописан у вас - я открываю файл по указанному пути и получаю ошибку. Обработчик не срабатывает

причина, кавычки » не верно указаны, замените на "
*Sm* и должно заработать. Кстати говоря, у Вас они ещё кое-где так указаны - не надо так (O).o нужно везде исправить.
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 11:05

Вообще странно. Верхний js работает же. Ну ладно поменял кавычки теперь файл открывается но так и нечего не работает.

Указывал пути ekolog-spb.ru/templates/jsn_nuru_free/css/template1.css
/templates/jsn_nuru_free/css/template1.css
/css/template1.css
Не работает.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 11:15

Night_Pilgrim писал(а):http://ekolog-spb.ru/%C2%BB/templates/jsn_nuru_free/js/look.js%C2%BB

вот так он прописан у вас - я открываю файл по указанному пути и получаю ошибку. Обработчик не срабатывает

причина, кавычки » не верно указаны, замените на "
*Sm* и должно заработать. Кстати говоря, у Вас они ещё кое-где так указаны - не надо так (O).o нужно везде исправить.


А не все спасибо с кавычками разобрался. Понял что скрипт выше не работал и удалил его. Но переключатель ccs по прежнему не работает.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 12:09

ну здесь уже моя ошибка похоже,

<span onclick="look();" style="cursor: pointer;">


; добавилась в функцию, надо будет подправить статью, возможно и из-за этого не работает.

т.е.
<span onclick="look()">Версия для слабовидящих</span>
<span onclick="look2()">Оригинальная версия</span>


превращаем в

<span onclick="look();">Версия для слабовидящих</span>
<span onclick="look2();">Оригинальная версия</span>
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 12:20

Кстати или мне показалось, или у Вас на сайте действительно один и тот же скрипт одновременно и прописан в тексте и прописан в подключаемом файле, не смотря на то, что написано одно и то же, нужно выбрать что-нибудь одно, возможны конфликты.

Далее, если вдруг не будет по какой-либо причине подгружаться файл css - укажите полный путь (без корня),
function look(){
document.getElementById("st").href="/templates/Ваш шаблон/css/style.css";
$.cookie("look","/templates/Ваш шаблон/css/style.css", {expires: 3600});
}
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 12:31

*WalL* Хоть убейте не помогает.

Да кода было два но это я уже пробовал все и сразу в модуле прописать. Уже отключил
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 12:45

кстати, а зачем Вы
<span onclick="look();" style="cursor: pointer;">Версия для слабовидящих</span>
<span onclick="look2();" style="cursor: pointer;">Оригинальная версия</span>


в head прописываете, это надо писать в body

а вот в head нужно добавить
<script type="text/javascript" src="/templates/jsn_nuru_free/js/look.js"></script>
<link id="st" rel="stylesheet" href="/templates/jsn_nuru_free/css/template.css" type="text/css">


поясню - путь прописан вроде правильно, но не туда

html
head
- сюда, скрипты и CSS
/head
body
- сюда контент
/body
/html

и как я сразу то не сообразил... (O).o

а у Вас, получается так:
html
- сюда, скрипты и CSS
head
- сюда контент
/head
body
/body
/html
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 13:07

Night_Pilgrim писал(а):кстати, а зачем Вы
<span onclick="look();" style="cursor: pointer;">Версия для слабовидящих</span>
<span onclick="look2();" style="cursor: pointer;">Оригинальная версия</span>


в head прописываете, это надо писать в body

а вот в head нужно добавить
<script type="text/javascript" src="/templates/jsn_nuru_free/js/look.js"></script>
<link id="st" rel="stylesheet" href="/templates/jsn_nuru_free/css/template.css" type="text/css">


поясню - путь прописан вроде правильно, но не туда

html
head
- сюда, скрипты и CSS
/head
body
- сюда контент
/body
/html

и как я сразу то не сообразил... (O).o

а у Вас, получается так:
html
- сюда, скрипты и CSS
head
- сюда контент
/head
body
/body
/html


Ну на самом деле сразу бы не получилось сказать так как первоначально скрипты и CSS были в head.

Сейчас все разнес как вы и сказали не помогло.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 13:09

Сейчас переключатель расположен над модулем доступ к реестру и только на главной странице.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 13:26

Скоро чокнусь. Попробовал этот пример:

function switchStyleSheet(title, media) {
if (typeof media == "undefined" || media == "") {
media = ".*";
}

var mediaPattern = new RegExp("(^|,)\s*" + media + "\s*(,|$)");

var links = document.getElementsByTagName("link");
for (var i = 0; i < links.length; i++) {
var rel = links[i].getAttribute("rel");
var linkTitle = links[i].getAttribute("title");

if (/(^| )stylesheet( |$)/.test(rel) && linkTitle != null && linkTitle != "") {
var styleMedia = links[i].getAttribute("media");
if (styleMedia == null || styleMedia == "" || styleMedia == "all" || mediaPattern.test(styleMedia)) {
links[i].disabled = true;
links[i].rel = "alternate stylesheet";

if (linkTitle == title) {
links[i].disabled = false;
links[i].rel = "stylesheet"
}
}
}
}

document.cookie = "stylesheet=" + title;
}

<link href="style.css" type="text/css" rel="stylesheet" />
<link href="style_alt_white.css" type="text/css" rel="alternate stylesheet" title="white style" />
<link href="style_alt_red.css" type="text/css" rel="alternate stylesheet" title="red style" />
<link href="style_alt_green.css" type="text/css" rel="alternate stylesheet" title="green style" />
<link href="style_alt_blue.css" type="text/css" rel="alternate stylesheet" title="blue style" />

<ul>
<li><a href="#" onclick="switchStyleSheet('red style')">Красный</a></li>
<li><a href="#" onclick="switchStyleSheet('green style')">Зеленый</a></li>
<li><a href="#" onclick="switchStyleSheet('blue style')">Синий</a></li>
<li><a href="#" onclick="switchStyleSheet('white style')">Белый</a></li>
</ul>

все отлично уже обрадовался но настройки сбрасываются при переходе с стр на стр
Вроде задача то простая сделать версию сайта для инвалидов но уже 4 дня безуспешных мучений и 0 результата.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 14:08

сбрасывается - это потому что cookie не срабатывают, что-то с ними не так, то что вообще работает уже результат, разберёмся)

файл cookie.js, что по ссылке подключён?
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 14:29

*DnK* странная штука, только сейчас заметил что ссылка пропала на скрипт...

http://www.green-willow.ru/docs/php/cookie.js
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 15:20

Night_Pilgrim писал(а):*DnK* странная штука, только сейчас заметил что ссылка пропала на скрипт...

http://www.green-willow.ru/docs/php/cookie.js



Скопировал этот cookie.js себе не помогает.

Там в левом блоке два пункта меню:
Для слабовидящих и обычная версия
Все работает но не сохраняет -((( Но еще раз замечу что сейчас используется не ваш скрипт а тот который я скинул выше. Ваш отказывается работать у меня.
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 15:35

уж извините, но за чужие скрипты я ответственности нести не могу) :-)
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 15:41

Не это понятно. Я то просто подбираю варианты хоть причину понять почему ваш не работает.

С вашем у меня все по прежнему ну не как не хочет кликать. Хоть бы какое действие совершил пускай с ошибкой. А так даже понять не могу куда копать -(((
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 15:56

Сейчас получается созданы 2 js файла
<script type="text/javascript" src="/templates/jsn_nuru_free/js/cookie.js"></script>
<script type="text/javascript" src="/templates/jsn_nuru_free/js/look.js"></script>

+ Путь на оригинальный css файл

<link id="st" rel="stylesheet" href="/templates/jsn_nuru_free/css/template.css" type="text/css">

Все пути рабочие

Все это находится в <head>
и в body

Находятся переключатель

<span onclick="look();">Версия для слабовидящих</span>
<span onclick="look2();">Оригинальная версия</span>

На сайте над контентом
Но он не чего не переключает.

Файлы Css: template.css template1.css работают точно это показывает похожий на Ваш скрипт в левой колонке.

Что я еще мог сделать не так -(
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Re: Версия для слабовидящих

Сообщение Night_Pilgrim » 07 ноя 2014, 17:31

*DnK* скиньте index.php Вашего шаблона, мне на почту - jester.stav.ru@mail.ru

посмотрю, что не так...
Изображение
Он yходит один, и не слышно шагов,
Он не смотpит назад, он не видит вpагов.
Он yходит тyда, где зови не зови -
По колено тpавы и по пояс любви.

© Белая гвардия
Аватара пользователя
Night_Pilgrim
Князь Тишины
 
Сообщения: 1913
Зарегистрирован: 23 ноя 2011, 20:38
Откуда: Бездна

Re: Версия для слабовидящих

Сообщение MIf2008 » 07 ноя 2014, 17:41

Night_Pilgrim писал(а):*DnK* скиньте index.php Вашего шаблона, мне на почту - jester.stav.ru@mail.ru

посмотрю, что не так...


Скинул
MIf2008
 
Сообщения: 23
Зарегистрирован: 07 ноя 2014, 08:04

Пред.След.

Вернуться в CSS

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

    Спонсоры: