Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 15.08.2012, 01:01   #1
Иванна
Пользователь
 
Регистрация: 03.02.2011
Сообщений: 38
По умолчанию Скрипт для динамического позиционирования блоков

Здравствуйте! Подскажите, пожалуйста, скрипт или ссылку на мастер-класс по динамическому позиционированию блоков, организованному как на сайте http://pinme.ru/all. Или хотя бы в каком направлении гуглить, потому что не могу найти ничего подобного, но верю, что есть в сети добрый человек, который поделится таким "рецептом".
Можно извлечь скрипт с самого сайта, но, к сожалению, не могу разобраться какой из множества скриптов на этом сайте отвечает за перемещение блоков при изменении размера экрана.
Иванна вне форума Ответить с цитированием
Старый 15.08.2012, 08:29   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Гуглите в сторону адаптивной верстки, это задача не джаваскрипта...
Частично эту задачу решает css-фреймворк skeleton
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 15.08.2012, 11:39   #3
Иванна
Пользователь
 
Регистрация: 03.02.2011
Сообщений: 38
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Гуглите в сторону адаптивной верстки, это задача не джаваскрипта...
Частично эту задачу решает css-фреймворк skeleton
А поточнее? Я понимаю, что это адаптивная верстка. Название у такого "явления" есть? Я использую twitter bootstrap.
Вот как это выглядит сейчас
Иванна вне форума Ответить с цитированием
Старый 15.08.2012, 15:42   #4
Pamparam
Форумчанин
 
Регистрация: 08.11.2009
Сообщений: 225
По умолчанию

надо float:left делать и одинаковую или кратную ширину, чтобы они клеились как могли.
Pamparam вне форума Ответить с цитированием
Старый 15.08.2012, 16:01   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Pamparam Посмотреть сообщение
надо float:left делать и одинаковую или кратную ширину, чтобы они клеились как могли.
Так слева появятся "дыры".
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 15.08.2012, 17:52   #6
Pamparam
Форумчанин
 
Регистрация: 08.11.2009
Сообщений: 225
По умолчанию

Если делать самому:
при загрузке страницы и изменении размеров экрана:
создавать (round(длину страницы/100)) столбцов шириной по 100px
заполнять каждый из них по очереди блоками из хранилища (невидимый блок) пока его высота каждого достигнет > высоты экрана (чтобы не загружалось лишнее).
При прокрутке страницы - проверять перелистнуто ли загруженное в каждом столбце (т.е. если нижняя точка экрана > чем высота столбца) и если да - загружать аяксом новые блоки в хранилище и так же дополнять столбики ими
Pamparam вне форума Ответить с цитированием
Старый 16.08.2012, 00:05   #7
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

глупости... все проще решается с помощью css (не проще для прогера, но проще для рендера браузера)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 17.08.2012, 15:15   #8
Pamparam
Форумчанин
 
Регистрация: 08.11.2009
Сообщений: 225
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
глупости... все проще решается с помощью css (не проще для прогера, но проще для рендера браузера)
ксс? Линк сайта видели? Я его описывал. Все что может измениться если юзать какой-то заумный ксс, так это только их склеивание, а определение позиции и загрузка яаксом ни куда не уберется. Или вы умеете кссом подгружать инфу и определять куда ее загрузить, а куда нет? Тем более, что одно определять нижнюю границу всех блоков, которые все время увеличиваются, а другое определять позицию нескольких столбцов, что с постоянной прокруткой страницы будет в 100 раз выгоднее
Хотя у задавшего вопрос файл и назван календарь, но если там будет не один месяц, то догружать инфу надо, а не грузить несколько месяцев сразу

Последний раз редактировалось Pamparam; 17.08.2012 в 15:18.
Pamparam вне форума Ответить с цитированием
Старый 19.08.2012, 21:45   #9
Иванна
Пользователь
 
Регистрация: 03.02.2011
Сообщений: 38
По умолчанию

Решение найдено здесь
сам скрипт

Последний раз редактировалось Иванна; 19.08.2012 в 23:47.
Иванна вне форума Ответить с цитированием
Старый 15.10.2012, 04:42   #10
Иванна
Пользователь
 
Регистрация: 03.02.2011
Сообщений: 38
По умолчанию

В общем получилось вот что

Только я понять не могу почему в хроме блоки с изображением какие-то ущербные?
Иванна вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проблемы позиционирования в opera гриша667 HTML и CSS 0 08.05.2012 17:41
найти сколько бетонных блоков потребуется для заделки щели наташка-ромашка Помощь студентам 0 19.09.2011 15:51
Язык программирования для конфигуратора системных блоков samouelson Софт 2 27.09.2010 12:55
статья - Установка отступов для логических блоков программы Pblog Обсуждение статей 0 23.06.2010 05:13
Переделать для динамического массива. Ueshua Общие вопросы C/C++ 1 20.12.2009 21:33