Giter Site home page Giter Site logo

arcticmodal's Introduction

arcticmodal's People

Contributors

vjik avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

arcticmodal's Issues

Add version tags for the library

Hi @vjik,
I would like to obtain arcticModal in cdnjs, and the version tags required for the confirmation of the library's version.
Would you mind to make a help for adding tags of each version?

Thanks for your great work 😀

iPad

Как обстоят дела при использовании скрипта на iPad. С первоначальной версией возникли проблема: При большой высоте страницы, если допустим вызов модального окна происходит из футера страницы, то окно появляется в вверху и приходится прокручивать страницу, причем overlay тоже вверху

fixed заголовок (иной блок)

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

$('#regModalForm').arcticmodal({ beforeOpen: function(data, el){ $('header').css('left', "-" + расчетШириныПолосыПрокрутки() + "px") }, afterClose: function(data, el){ $('header').css('left', 0) } })

Но каждый раз это делать как-то скучно, возможно добавить какой-то параметр (глобальный желательно) чтобы для каждого модального окна не делать таких танцев?

Arcticmodal + BxSlider

При использовании слайдера BxSlider в модальном окне Arcticmodal в
браузере Opera 12 возникают проблемы со внутренним скроллингом в окне.
Скроллинга просто нету. И ситуация как с фиксированным позиционированием (если окно большое то его нельзя сроллить вниз).

В остальных браузера все нормально, даже в IE нормально.

jQuery scripts inside modal window

If you create any jQuery script inside modal window, it won't work.
Script can start initially, but any function like $.click doesn't work.

Есть ли способ открывать img в модальных окнах?

Хочется, чтобы можно было прописать в теге A href с картинкой и при нажатии выскакивало модальное окно с изображением.
Грузить его в блоке с display:none не очень правильно (изображение большое и их много в ссылках).
Оборачивать каждую картинку в html и грузить через ajax тоже не вариант.

Не работает arcticModal в браузере Chrome на планшете под ОС Android

Здравствуйте
В браузере Chrome на планшете под ОС Android не работает модальные окна arcticModal.
Если модальное окно длинное то само окно не скроллится.
Проблема только в Chrome тот что скачиваеться.

У браузере "Браузер", что на ядре Chromium работает нормально.
Спасибо.

Баг: очередность закрытия окон

окна закрываются по escape не в той последовательности

строка 156 (добавил log):
// Запомним настройки
$this.data('arcticmodal', D);
console.log("before", modals);
modals = modals.add($this);
console.log(modals);

и вот как получается:

before [] jquery.arcticmodal.js:158
[<div class=​"window" id=​"window-purchase">​…​</div>​] jquery.arcticmodal.js:160

[before [<div class=​"window" id=​"window-purchase">​…​</div>​] jquery.arcticmodal.js:158
<div class=​"window">​…​</div>​, <div class=​"window" id=​"window-purchase">​…​</div>​
] jquery.arcticmodal.js:160

before [<div class=​"window">​…​</div>​, <div class=​"window" id=​"window-purchase">​…​</div>​] jquery.arcticmodal.js:158

[<div class=​"window">​…​</div>​, <div class=​"window" id=​"window-purchase">​…​</div>​, <div class=​"window">​…​</div>​] jquery.arcticmodal.js:160

Трудноуловимые глюки в Oper'е при перезагрузке страницы из яваскрипта

Здравствуйте. Обнаружил следующую проблему:

  1. Открываем страницу которая не влезает в экран и проматываем её вниз
  2. Внизу страницы делаем что-то, что вызывает перезагрузку страницы через window.location.reload()
  3. Страница перезагружается уже промотанная вниз экрана (Опера умная, она запоминает на каком месте мы страницу смотрели)
  4. Если после этого вызвать модал, то часто он отображается вверху страницы, так как будто страница не была прокручена в низ (то есть, если например окно браузера имеет размер 1000x700, а высота страницы 3000 пикселей, и мы промотаем её в самый низ, то вместо того чтобы появится в координатах 0x2300-1000x3000 черный прямоугольник появляется в координатах 0x0-1000x700)

Судя по всему проблема именно в опере, а не в модале, поскольку, стоит только изменить масштаб страницы, или включить "панорамирование", или еще как-то сказать опере что страница изменилась и её геометрию надо "пересчитать" - модал перескакивает туда где он и должен быть по идее. Точно также модалы (самые разные) основанне на .shadow{position:fixed} ведут себя на всяких мобильных недобраузерах, которые стараются слишком часто страницу не пересчитывать, а относятся к ней как к некоему скриншоту. При включенной панели Opera Dragonfly (да, это опера 12, а не 15) глюк не появляется, поэтому отладить его практически невозможно.

Вопрос в следующем: Можно ли каким-то образом с помощью javascript'а подсказать модалу что он не там где надо? Мне не требуется чтобы изменения были внесены в сам код модала, поскольку я делаю компонент для внедрения вашего модала в Yii, и всё равно добавляю туда некоторый свой функционал - я без проблем могу добавить и этот. Но у самого пока не хватает ума как это сделать...
Чуть позже может быть смогу сделать страницу-пример, на которой можно будет увидеть данные эффекты, пока баг появляется не каждый раз, и четко повторить его не удаётся (но пока отлаживал страницу с большим количеством модалов и кнопок, увидел этот баг раз сто)

Баг: очередность закрытия окон

окна закрываются по escape не в той последовательности

строка 156 (добавил log):
// Запомним настройки
$this.data('arcticmodal', D);
console.log("before", modals);
modals = modals.add($this);
console.log(modals);

и вот как получается:

before [] jquery.arcticmodal.js:158
[<div class=​"window" id=​"window-purchase">​…​​] jquery.arcticmodal.js:160

[before [<div class=​"window" id=​"window-purchase">​…​​] jquery.arcticmodal.js:158

​…​
​,
​…​
​ ] jquery.arcticmodal.js:160

before [<div class=​"window">​…​​, <div class=​"window" id=​"window-purchase">​…​​] jquery.arcticmodal.js:158

[<div class=​"window">​…​​, <div class=​"window" id=​"window-purchase">​…​​, <div class=​"window">​…​​] jquery.arcticmodal.js:160

Не создаётся отступ от правого края

Доброй ночи. При открытии модального окна к body присваивается свойство margin-right: 17px, однако отступ не происходит. Из-за этого, при открытии модалки пропадает скролл у body и происходит такой рывок вбок, что немного раздражает. Можно ли это как-то пофиксить?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.