Форум Сайтостроение Веб-строительство

Ручной переключатель css

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

Для подстройки размера шрифтов при разных разрешениях экрана я применяю несколько файлов 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>')

}

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

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