Форум Работа и услуги для вебмастера Программирование

Как сделать ручной переключатель css ? ? ? (дописать скрипт)

R
На сайте с 17.02.2009
Offline
8
Rostovman
2295

Для подстройки размера шрифтов при разных разрешениях экрана я применяю несколько файлов css (на каждое разрешение свой) и скрипт в отдельном файле Jav.js, который проверяет разрешение монитора пользователя, выбирает нужный css и подключает его в выводимый файл (для этого в каждом файле страницы у меня ссылка на этот файл скрипта).

В каждом htm-файле прописана строка:

</head>

<script SRC="Jav.js"></script>

<body ...

Теперь я хочу: поставить на первой странице кнопку с двумя положениями (нажата-отжата),

каждое её положение чтобы иллюстрировалось отдельным gif'ом

(типа тумблер вверх - тумблер вниз),

в одном положении кнопки чтобы во все последующие страницы подгружались css

из одного набора,

а при другом положении кнопки - из другого набора.

(т.е. , например, при разрешении монитора, скажем, 1024х768,

при нажатой кнопке скрипт подгружает st_1024a.css, при отжатой - st_1024b.css)

-- Как сделать такую кнопку?

-- Что дописать в файле-скрипте выбора css ?

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

Как вариант, кнопку можно поставить в несменяемом окне фреймовой структуры (в верхнем титуле, например).

Если кому надо, привожу код файла скрипта Jav.js

var height=0;

var width=0;

if (self.screen) { // for NN4 and IE4

width = screen.width

height = screen.height

}

else if (self.java) { // for NN3 with enabled Java

var jkit = java.awt.Toolkit.getDefaultToolkit();

var scrsize = jkit.getScreenSize();

width = scrsize.width;

height = scrsize.height;

}

if (width > 0 && height > 0)

{

if (width == 1920) document.writeln('<LINK href="st_1600.css" type=text/css rel=stylesheet>')

if (width == 1680) document.writeln('<LINK href="st_1600.css" type=text/css rel=stylesheet>')

if (width == 1600) document.writeln('<LINK href="st_1600.css" type=text/css rel=stylesheet>')

if (width == 1440) document.writeln('<LINK href="st_1440.css" type=text/css rel=stylesheet>')

if (width == 1400) document.writeln('<LINK href="st_1440.css" type=text/css rel=stylesheet>')

if (width == 1280) document.writeln('<LINK href="st_1280.css" type=text/css rel=stylesheet>')

if (width == 1152) document.writeln('<LINK href="st_1152.css" type=text/css rel=stylesheet>')

if (width == 1024) document.writeln('<LINK href="st_1024.css" type=text/css rel=stylesheet>')

if (width == 800) document.writeln('<LINK href="st_800.css" type=text/css rel=stylesheet>')

if (width == 640) document.writeln('<LINK href="st_640.css" type=text/css rel=stylesheet>')

if (width == 234) document.writeln('<LINK href="st_640.css" type=text/css rel=stylesheet>')

if (width == 170) document.writeln('<LINK href="st_640.css" type=text/css rel=stylesheet>')

}

Буду очень благодарен за консультацию

viКing
На сайте с 20.03.2008
Offline
124
viКing
#1

// for NN4 and IE4

😂😂😂

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#2

По моему вы страдаете фигнёй.

При том, как заметил предыдущий орато, фигнёй вы страдаете бездумно. :)

https://adminbook.ru/
R
На сайте с 17.02.2009
Offline
8
Rostovman
#3

ответы, достойные сцепиалистов...😒

а умные на этом форуме есть???

[Удален]
#4

Rostovman,

зачем так сложно?

код в .js

var ua=screen.availWidth;

var l='<LINK rel="stylesheet" type="text/css" href="';

var c='.css">';

if (ua<1280){document.write(l+'i1024'+c);}

if (1280<=ua){document.write(l+'i1280'+c);}

код в head html документа

<script src="... .js" type="text/javascript"></script>

две таблицы стилей для разных разрешений подключаются автоматически

i1024.css i1280.css

R
На сайте с 17.02.2009
Offline
8
Rostovman
#5

Имеющуюся настройку на ЛЮБОЕ разрешение Вы предложили просто кастрировать до двух разрешений...:(

Но вопрос был не в этом,

Мне нужно вручную переключать два НАБОРА таблиц, каждый набор включает таблицы на все разрешения.

Если непонятно - поясню.

Один НАБОР таблиц даёт дизайн с темным фоном и светлыми буквами,

другой НАБОР - со светлым фоном и темными буквами.

Набор ( т.е. темный или светлый фон) посетитель сайта выбирает сам - кнопкой на первой странице, а цвет и размер букв уже выставляется автоматически.

Яндекс выпустил встраиваемый виджет Яндекс обновил мобильный браузер Яндекс упрощает работу с
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#6
Rostovman:

Набор ( т.е. темный или светлый фон) посетитель сайта выбирает сам - кнопкой на первой странице, а цвет и размер букв уже выставляется автоматически.

Вы много сайтов видели, где посетитель что то там переключает в css?

[Удален]
#7
Rostovman:
Имеющуюся настройку на ЛЮБОЕ разрешение

что мешает дописать нужные условия?

только вот где у Вас разрешение 1360 или 1088 :), какая сss у вас отобразиться на этих разрешениях?

P.S. просто обновите страницу с нужными css :), передать значение при переходе на другую страницу можно с помощью кук

R
На сайте с 17.02.2009
Offline
8
Rostovman
#8
burunduk:
что мешает дописать нужные условия?
только вот где у Вас разрешение 1360 или 1088 :), какая сss у вас отобразиться на этих разрешениях?

не встречал таких разрешений...

а какие ещё бывают, кроме тех, что у меня?

Если бы я умел правильно написать в исходном скрипте вместо = диапазоны - это было бы лучше,

но пробовал тупо - не работает...

burunduk:
P.S. просто обновите страницу с нужными css :), передать значение при переходе на другую страницу можно с помощью кук

Не понял. разжуйте и что в каком файле написать?

А главное, где кнопка выбора фона?

Вывод на КредитЕвропаБанк Это нормальные Аши? Яндекс кобласит
R
На сайте с 17.02.2009
Offline
8
Rostovman
#9

поднимаю тему, поскольку задача пока не решена.

Как сделать, чтобы пользователь на первой странице сайта мог выбрать сам (нажав ту или иную кнопку) стиль дизайна всех последующих страниц - например "темный фон, светлые буквы" или "светлый фон, темные буквы"

Есть две группы css - на темный фон и на светлый фон.

группа (а не один) css на каждый фон - для настройки размера шрифта на разное разрешение экрана - это уже реализовано.

Яндекс упрощает работу с ВКонтакте запустила темную тему Яндекс выпустил встраиваемый виджет

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий