Форум

xakir · #1 (**permalink**) 05.12.2010, 20:24

Здравствуйте. Пожалуй сразу начну: есть к примеру таблица одна строка и 10 колонок. Мне нужно чтобы на сайте в зависимости от разрешения экрана пользователя выводилось определенное число столбцов, а не все 10.

Я попытался сделать так:

<script>
if ( screen.width == 1024  )
{
	/*  <-- коментируем чтобы отобразить нашу таблицу

                  (Здесь сама таблица с опредленным кол-вом столбцов)

           */
}

if ( screen.width == 1480 )
{
        /* <-- коментируем чтобы отобразить нашу таблицу

                   (Здесь уже таблица с большим числом строк, т.к. и монитор больше)

        */
}
</script>

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

monolithed · #2 (**permalink**) 05.12.2010, 20:43

if (window.screen.width >= 1024) {
     //делим 1024/ширину столбца
}

xakir · #3 (**permalink**) 06.12.2010, 01:39

Сообщение от monolithed

if (window.screen.width >= 1024) {
     //делим 1024/ширину столбца
}

ну врядли подойдет.. у меня в табличной структуре картинки и мне надо в зависимости от размера экрана удалять их по одному или по два.. или оставлять без изменений если больше 1400 по ширине.. вы мне просто скажите как отсекать изображения ???

ksa · #4 (**permalink**) 06.12.2010, 09:18

Сообщение от xakir

у меня в табличной структуре картинки и мне надо в зависимости от размера экрана удалять их по одному или по два.. или оставлять без изменений если больше 1400 по ширине..

Тогда зачем вообще табличка?

Чем такое не вариант?

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type='text/css'>
#box {
	width: 100%;
	height: 100px;
	overflow: hidden;
}
#box div {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	background-color: orange;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='box'>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
</div>
</body>
</html>

xakir · #5 (**permalink**) 06.12.2010, 12:03

ksa я вас не понимаю. Вы вообще мой вопрос читали?? Я не спрашивал про верстку.. мне надо прописать синтаксис ветвления.. если у пользов. монитор такой то это, если такой - то это.. мой код не работает, который приведен выше

xakir · #6 (**permalink**) 06.12.2010, 12:05

Как определить разрешение я знаю, но как пользователю подсунут определенное кол-во элементов уже не знаю. посдкажите пожалуйста..

Kolyaj · #7 (**permalink**) 06.12.2010, 12:27

А что вам даст разрешение? Размер рабочей области браузера не равен разрешению.

monolithed · #8 (**permalink**) 06.12.2010, 12:50

xakir получаете размер рабочей области, вычитаете отступы по краям и делите на ширину блока, т.о. вы получите количество выводимых элементов. Но нужно учесть что в этом случае нужно вешать еще обработчик события onresize

ksa · #9 (**permalink**) 06.12.2010, 13:22

Сообщение от xakir

Я не спрашивал про верстку..

Таки я тебе её как решение и предлагаю.

Поскольку посчитал что твою проблему можно решить и без скриптов...
Так понятно?

xakir · #10 (**permalink**) 06.12.2010, 13:58

Сообщение от Kolyaj

Размер рабочей области браузера не равен разрешению.

Я не ориентируюсь на тех пользователей у кого окно не развернуто полностью.. бред я считаю учитывать это.. и так много всего мля..

Сообщение от ksa

Таки я тебе её как решение и предлагаю

Извините, а вы не могли бы предложить готовое решение, в том духе, в котором я начал делать. уж больно мне нравится мое просто е решение, только вот не знаю чего оно не работает, кстати, может объясните чего.

Форум

Справочник

Discord чат

Курсы javascript