Вывод информации (диза) в зависимости от разрешения!? Как реализовать?

12
D
На сайте с 20.09.2006
Offline
173
812

К примеру, скрипт проверяет какое разрешение у пользователя и если оно равно 1280 по ширине или больше, то выводить дополнительный элемент, т.е. выполнять дополнительный кусок js кода, иначе (т.е. если разрешение пользователя меньше 1280 по ширине, то ничего не выводить, т.е. без изменений).

Буду очень благодарен за помощь в реализации.

[Удален]
#1
if (screen.width == 1024)
{document.write ("<img src=1024.gif>");}
else if (screen.width ==1280)
{document.write ("<img src=1280.gif>");}

]

Пожалуйста )))

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#2
у пользователя и если оно равно 1280 по ширине или больше

а если у него браузер на пол экрана только открыт?

а если javascript отключен?

D
На сайте с 20.09.2006
Offline
173
#3

KosoyRoman, требуется, чтобы скрипт при условии выполнялся, т.е. будет ли работать скрипт в скрипте?

[Удален]
#4
Алексей Барыкин:
а если у него браузер на пол экрана только открыт?

не имеет значения, разрешение от этого не измениться :)

Алексей Барыкин:
а если javascript отключен?

таких очень мало, есть желание в носкрипт включите картинку с надписью предупреждением :)

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);}

две таблицы стилей

для разрешений <1280 подключается таблица i1024.css

для разрешений =>1280 подключается таблица i1280.css

P.S. таблиц может быть хоть под каждое разрешение

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#5
burunduk:
не имеет значения, разрешение от этого не измениться :)

Правда чтоль? А я то думал...

burunduk:

две таблицы стилей
для разрешений <1280 подключается таблица i1024.css
для разрешений =>1280 подключается таблица i1280.css

P.S. таблиц может быть хоть под каждое разрешение

Сюда можно ещё добавить таблицу для media="handheld" и media="print",

но для разрешений 1024 - 1280 лучше использовать "резиновую" верстку.

[Удален]
#6

Алексей Барыкин, резиновая верстка тяжело реализуема при сложной компоновке страницы, намного проще написать таблицу стилей.

P.S. не видел ни одной хорошо реализованной резиновой верстки на сложных страницах, всегда есть какие-то косяки

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#7
burunduk:
Алексей Барыкин, резиновая верстка тяжело реализуема при сложной компоновке страницы, намного проще написать таблицу стилей.
P.S. не видел ни одной хорошо реализованной резиновой верстки на сложных страницах, всегда есть какие-то косяки

Что подразумевается под сложной компоновкой? Может проще дизайнеру по шее надавать, если его макет не верстается? 😂

[Удален]
#8

Алексей Барыкин, большое количество блоков с заранее неизвестными размерами и содержимом :)

проблема не в дизйне, а в заказчике. сегодня нужно одно завтра другое

D
На сайте с 20.09.2006
Offline
173
#9

Не нужно использование спец. стилей в зависимости от разрешения, а нужно выполнение именно условия описанного в первом посте.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#10
Dmitr:
KosoyRoman, требуется, чтобы скрипт при условии выполнялся, т.е. будет ли работать скрипт в скрипте?

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

12

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