Js-окна

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем locker_fx, 16 фев 2008.

  1. locker_fx

    locker_fx Гость

    Заранее прошу прощения, но мой знания JS=0, а сделать надо срочно.
    Мне нужно сделать всплывающее окно-баннер на JS, т.е. НЕ открыть новое окно браузера, а в имющемся создать окошко поверх содержимого страницы. Я думаю все встречали такие надоедливые баннеры(часть из них флэшевых, а часть чисто JS, вот мне нужно чисто на JS). Содержание окна минимальное: квадрат занимающий 60-70% рабочей зоны браузер+кнопа"закрыть"+желательно, чтобы в случае скроллинга окно автоматически перемещалось на середину экрана, т.е. пока не нажмёшь кнопу "закрыть" содержимое страницы прочитать было проблематично).
    А почему бы не воспользоваться поиском - задауться всё логичным вопросом. Обьясняю в чём собственно проблема:
    Нашёл(уже часа 3 занимаюсь поиском) подобные скрипты, но они ОЧЕНЬ перегружены дополнительными ф-циями и за счёт этого теряют кроссбраузерность. Но так-как нет опыта с JS, то выкинуть лишнее и при этом сохранить работоспособность скрипта проблематично.
    Заранее прошу прощения, за свой глупый вопрос, но надеюсь кто-нибудь сможет мне помочь!
    Заранее огромное спасибо!
     
  2. Vovochka

    Vovochka Гость

    Вряд ли кто-нибудь возьмется за это.
    Я таки уверен что вы искали плохо. Код со страниц вы разбирать не способны, следовательно вы искали библиотеки.
    А они как правило таки кросс-браузерные.
     
  3. ioni

    ioni Well-Known Member

    Регистрация:
    11 май 2006
    Сообщения:
    351
    Симпатии:
    0
    Есть несколько способов реализации -

    Могущественный CSS способ.

    display:none скроет любой div (сслыка / кнопка делает {display:block} div появлятеся, а нем может быть форма запроса, а кнопка закрыть - это на самом деле display:none снова)

    Как ты будешь связывать действия из формы и основной страницей - это уже дело твое.
    Причем, судя по описанию это именно то, что тебе надо. При загрузке страницы самым первым (или последним) загружается этот вид, которму ставится display:block и размеры соотвественно. А в нем кнопка, которая делает егоdisplay:noneю То есть он остается там же - только его не видно.

    И никакой особенной кроссброузерности не нужно :)

    Диалоговые модальные окна.

    Чтобы было понятно, это window.alert. Там броузер дзянькнет и пока на кропку окей не нажмешь, дальшей не пойдет.
    Но есть еще и модальные окна, когда в них можно подгружать другие страницы, ставить размер, разрешать итерации с основным окном, закрывать доступ к основному окну и так далее

    http://www.webreference.com/js/tutorial1/dialog.html

    А вот и ссылка - посмотри, может быть, что-то тебе подойдет
     
Загрузка...

Поделиться этой страницей