Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Отображение таблицы (https://javascript.ru/forum/events/13601-otobrazhenie-tablicy.html)

xakir 05.12.2010 20:24

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

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

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

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

           */
}

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

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

        */
}
</script>



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

monolithed 05.12.2010 20:43

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

xakir 06.12.2010 01:39

Цитата:

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

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

ksa 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 06.12.2010 12:03

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

xakir 06.12.2010 12:05

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

Kolyaj 06.12.2010 12:27

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

monolithed 06.12.2010 12:50

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

ksa 06.12.2010 13:22

Цитата:

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

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

xakir 06.12.2010 13:58

Цитата:

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

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

Цитата:

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

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

ksa 06.12.2010 14:01

Цитата:

Сообщение от xakir
уж больно мне нравится мое просто е решение

Таки я не назвал бы его простым... :D Потому-то и предлагаю т.с. альтернативное решение.
А уж что использовать - решать тебе.

xakir 06.12.2010 14:32

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

xakir 06.12.2010 14:32

я вас очень умоляю - исправте ошибку в моем коде.. не заставляйте меня идти на html.by

xakir 06.12.2010 14:35

я вам плюс поставил ; )

ksa 06.12.2010 20:20

Цитата:

Сообщение от xakir
эти картики в ряд расположенные что ужиматься будут или как ?

Они будут "исчезать" если размеры окна будут уменьшаться...

x-yuri 07.12.2010 10:52

Цитата:

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

Цитата:

Новичок: Подскажите пожалуста самый крепкий сорт дерева! Весь инет перерыл, поиском пользовался!
Старожил: Объясни, зачем тебе понадобилось дерево? Сейчас оно в строительстве практически не используется.
Новичок: Я небоскрёб собираюсь строить. Хочу узнать, из какого дерева делать перекрытия между этажами!
Старожил: Какое дерево? Ты вообще соображаешь, что говоришь?
Новичок: Чем мне нравиться этот форум - из двух ответов ниодного конкретного. Одни вопросы неподелу!
Старожил: Не нравится - тебя здесь никто не держит. Но если ты не соображаешь, что из дерева небоскрёбы не строят, то лучше бы тебе сначала школу закончить.
Новичок: Не знаите - лучше молчите! У меня дедушка в деревянном доме живёт! У НЕГО НИЧЕГО НЕ ЛОМАЕТСЯ!!!
Но у него дом из сосны, а я понимаю, что для небоскрёба нужно дерево прочнее! Поэтому и спрашиваю!!! А от вас нормального ответа недождёшся!!!
Прохожий: Самое крепкое дерево - дуб. Вот тебе технология вымачивания дуба в солёной воде, она придаёт дубу особую прочность:
Новичок: Спасибо, братан! То что нужно!!!
http://phpfaq.ru/humor


Часовой пояс GMT +3, время: 05:47.