DimaLondon Oct 2 2012 at 02:23

Еще раз о модальных окнах и немного плюшек

9 min

17K

CSS*JavaScript*

Tutorial

Recovery Mode

+24

Comments 17

Flam Oct 2 2012 at 08:03

Посмотрел в firefox 15.0.1 под windows — прокрутка кнопками скроллит страницу под «облачным контентом»
А так практически идеально!

Flam Oct 2 2012 at 08:22

(про firefox это если изначально основное содержимое страницы было длиннее содержимого «облачного контента», если наоборот, то все Ок)
Еще по мелочи — в опере 12 перестает работать прокрутка кнопками, если «удлиненное» модальное окно закрыть и заново открыть. Если повторить «укорачивание-удлинение» — снова работает.

NikoX Oct 2 2012 at 08:18

А как же центрирование по высоте?

Melorian Oct 2 2012 at 08:25

Хорошая статья!
Правда, на Safari 6 под МасOS Mountain Lion видно сразу два скролла, и при наведении на них мышью появляются чудеса)

DimaLondon Oct 2 2012 at 16:24

К сожалению, на маке нет возможности отладить :(. Тестировал на «Safari 5» под Win.

weiss Oct 2 2012 at 09:17

script type=«text/javascript» language=«javascript»
Да вы прикалываетесь?

Fesor Oct 2 2012 at 13:17

То что эти атрибуты сейчас не обязательны вовсе не означает что не писать из это дурной тон.

zapimir Oct 2 2012 at 16:20

Зачем их писать, есть хоть один браузер который не поймет, что в теге script находится javascript? С таким же успехом можно для всех тегов прописывать все их свойства с дефолтными значениями, просто чтобы было.

Fesor Oct 2 2012 at 17:35

Ну как бы… стандарт HTML4 требует наличие этого атрибута, только с HTML5 он необязателен.

StreetAngel Oct 2 2012 at 10:20

А можно ли добавить хеш к урлу при открытии фото?
и соответственно если открывается ссылка с хешом то сразу открывается фото?

Fesor Oct 2 2012 at 13:19

if(location.hash != '#') {
    $(location.hash).trigger('click');
}

Что-то в этом духе.

AGvin Oct 2 2012 at 10:43

var html = "<div class=...";

На Вашем месте, я бы воспользовался шаблонизатором. К примеру handlebars.

DimaLondon Oct 2 2012 at 16:00

Согласен. Обычно для таких целей я пользуюсь шаблонизаторами. Просто посчитал, что его не стоило заюзывать ради вставки одного маленького шаблона.

SamDark Oct 2 2012 at 13:18

Рад, что мой The Modal породил данное решение. К сожалению, все болячки моего решения (разве что кроме скачка при удлиннении контента) присутствуют:

1. Скролл подложки клавишами в FF.
2. Скролл подложки в iOS.

klirichek Oct 2 2012 at 14:56

А по-моему «модальное окно» всё же лучше, чем «облачный контент».
Последний нынче больше ассоциируется с гугль-яндекс-дропбоксами и прочим содержимым облачных хранилищ.

SamDark Oct 2 2012 at 17:46

Согласен. В данном решении окно очень даже модальное.

maxvipon Oct 4 2012 at 14:10

var html = '<div class="cloud-title">' + куча прочих строк

лучше заменить массивом с последующим join().

За разработку спасибо, пригодится.

Show the best of all time