определение разрешения пользователя javascript

lazio
На сайте с 05.10.2006
Offline
47
835

возможно ли реализовать подмену дизайна, если у пользователя разрешение скажем меньше 800х600? т.е. javascript до загрузки страницы чекает разрешение и дальше выбирает нужный вариант дизайна и показывает пользователю... Находил где-то в нете такой скрипт, но он работал только под мозилой(( а нужна 100% совместимость как минимум с ие6,7 опера 8+, мозила 1+

Спасибо.

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
[Удален]
#1

lazio, а что мешает определить разрешение и загрузить не другую верстку, а другую таблицу стилей?

lazio
На сайте с 05.10.2006
Offline
47
#2

burunduk, ничего не мешает=) впринципе так и хочу сделать, может выразился не совсем верно...

[Удален]
#3

lazio,

в vers.js

var ua=screen.availWidth;
var l='<LINK rel="stylesheet" type="text/css" href="';
var c='.css">';
if (ua<800){document.write(l+'i680'+c);}
if (ua=800){document.write(l+'i800'+c);}
if (ua<1280){document.write(l+'i1024'+c);}
if (1280<=ua){document.write(l+'i1280'+c);}

в html

<link rel="stylesheet" type="text/css" href="all.css" />
<script src="vers.js" type="text/javascript"></script>
</head>

стили

i680.css для разрешений меньше 800

i800.css для разрешения 800

i1024.css для разрешений меньше 1280

i1280.css для разрешений больше или равному 1280

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

lazio
На сайте с 05.10.2006
Offline
47
#4

то что нужно!=) спасибо!

Progr@mmer\.
На сайте с 14.10.2007
Offline
44
#5

burunduk, ваш код не до конца корректен. На некоторых браузерах может не сработать.

Вот мой вариант:


var height=0;
var width=0;

if (self.screen) {
width = screen.width;
height = screen.height;
} else {
if (self.java) {
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}}

// далее можно подставить код от burunduk
Вашей девушке не хватает романтики? Черпните её на сайте «Я Люблю Романтику» (http://iloveromantics.ru/). Романтический форум (http://forum.iloveromantics.ru/) для отдыха от нудной работы.
[Удален]
#6
Progr@mmer.:
На некоторых браузерах может не сработать.

на каких?

и высота вообще-то не нужна :)

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