19 января 2008 ~ 23 Комментария

Приятные всплывающие окна

ex

Сегодня я расскажу Вам о минималистической замене модальных окон. Этот скрипт написан jQuery и станет настоящим подарком для тех, кто разрабатывает какой-либо интерфейс с помощью данной библиотеки.

Занимает скрипт всего 5 килобайт в несжатом виде и распространяется по лицензии Apache 2.0.

С помощью этого скрипта можно создать как обычный алерт, так и полноценную форму.

Несколько примеров применения

Вот пример простого всплывающего окна:

$.prompt('Привет мир!');

А вот уже окошко с выбором:

$.prompt('Правда?',{ buttons: { Правда: true, Ложь: false } });

На мой взгляд скрипт очень прост в применении.

Больше информации о настройке вы можете найти на страничке скрипта и заслуживает внимание.

 

Так же я хочу попиарить очень интересный проект «Живая улица».

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

Он постоянно в развитии, что очень радует и самое главное он абсолютно бесплатен — так что дерзаем.

Посетить страничку скрипта «Impromptu»

Посетить оф. сайт «LiveStreet»

23 Комментария для “Приятные всплывающие окна”

  1. CTAPbIu_MABP 19 ноября 2008 at 21:34 Permalink

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

  2. Миша Абасов 19 ноября 2008 at 22:17 Permalink

    2 CTAPbIu_MABP: не для этого ли ссылка «Посетить страничку скрипта Impromptu» . Там все демо прямо на главной :)

  3. Я собственной персоной 19 ноября 2008 at 22:35 Permalink

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

    Я иногда так делаю, но на страничек автора, как уже сказал Миша Абасов, целая куча примеров.

  4. kikaha 19 ноября 2008 at 23:15 Permalink

    Юзабельно, легко, удобно. Разработчикам, встраивающим такие штуки – мастси совместимость со всеми интересующими версиями браузеров. То есть, у авторов написано что compatible – это есть гуд, а теперь сам открыл страничку с демо во всех своих браузерах, перекрестился – и можно встраивать в проект!

  5. Kozlovski 20 ноября 2008 at 0:37 Permalink

    В хроме, те, что с инпутами, работают ужасно

  6. Я собственной персоной 20 ноября 2008 at 0:59 Permalink

    В хроме, те, что с инпутами, работают ужасно

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

  7. melik 20 ноября 2008 at 1:27 Permalink

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

    Я иногда так делаю, но на страничек автора, как уже сказал Миша Абасов, целая куча примеров.

    Но это лишний клик, делать который бывает так лееееень!
    Можно было бы разместить хотя бы самый простой пример :)

  8. Я собственной персоной 20 ноября 2008 at 2:44 Permalink

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

    Я иногда так делаю, но на страничек автора, как уже сказал Миша Абасов, целая куча примеров.

    Но это лишний клик, делать который бывает так лееееень!
    Можно было бы разместить хотя бы самый простой пример :)

    Я думаю если сделать лень клик — то этот скрипт вам точно не нужен.
    А если нужен, то вы обязательно перейдете, посмотрите примеры и почитаете документацию.

  9. melik 20 ноября 2008 at 5:00 Permalink

    Я думаю если сделать лень клик — то этот скрипт вам точно не нужен.
    А если нужен, то вы обязательно перейдете, посмотрите примеры и почитаете документацию.

    С одной стороны ты прав.
    Но с другой, я, например, не искал специально этот скрипт, а просто наткнулся в rss твоего сайта на этот пост и решил зайти глянуть. И потому для меня это лишний клик.

  10. CharnaD 20 ноября 2008 at 5:18 Permalink

    Посмотри у меня в блоге, я модифицировал слегка SimpleModal, мне кажется у меня красивее получилось.

  11. Rodriguez 20 ноября 2008 at 15:46 Permalink

    Красиво. Спасибо Chernev за пост.

  12. Zeboton 20 ноября 2008 at 16:47 Permalink

    Спасибо, буду иметь в виду. Но к сожалению на этот раз поздно, я уже встроил ThickBox: http://jquery.com/demo/thickbox/
    Тоже очень неплохая библиотека.

  13. Snowcore 20 ноября 2008 at 22:29 Permalink

    Я всегда юзаю lightbox, как по мне – это самое подходящее решение

  14. Я собственной персоной 20 ноября 2008 at 23:58 Permalink

    Я всегда юзаю lightbox, как по мне – это самое подходящее решение

    А по моему это самое ужасное из возможных решений, именно для этой цели.

  15. CTAPbIu_MABP 24 ноября 2008 at 16:53 Permalink

    2 Миша Абасов
    я никуда не хочу идти с этого сайта. ни на мануал jquery ни на еще какие либо сомнительные сайты, я хочу на странице с описанием «не отходя от кассы» увидеть то о чем мне рассказывают

  16. Миша Абасов 24 ноября 2008 at 17:29 Permalink

    2 Миша Абасов
    я никуда не хочу идти с этого сайта. ни на мануал jquery ни на еще какие либо сомнительные сайты, я хочу на странице с описанием «не отходя от кассы» увидеть то о чем мне рассказывают

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

  17. Гуд мэн 29 декабря 2008 at 4:47 Permalink

    Почему бы Вам примеры у себя в постах не выкладывать. Стили можно в хтмл статьи прописывать, да и сами скрипты не так уж и трудно на хост залить. Будет нагляднее…

  18. elvizzz 3 марта 2009 at 17:20 Permalink

    А кто нибудь разобрался? Как можно инклудить файлы в окно.
    Тоесть, не писать некий текст в скрипте ручками, а подключать файл, который содержит вывод из базы данных.
    И вообще можно ли это делать?

  19. Wladlex 22 апреля 2009 at 16:59 Permalink

    Как это прикрутить к Wordpres?

  20. Олег 14 мая 2009 at 0:18 Permalink

    Всё отлично!
    А по поводу того, что можно бы выкладывать пример на блоге это действительно так, не всегда удобно переходить на другой сайт.

  21. Костя 16 мая 2009 at 21:06 Permalink

    Классно

  22. VICTOR_81 5 августа 2009 at 16:50 Permalink

    Помогите. что то не получается

    Example 2

    При нажатии на кнопку Появляются элементы прижатые к левому краю, без всплывающего окна.

    Что не так?????

  23. VICTOR_81 5 августа 2009 at 16:53 Permalink

    ну вот съели весь код
    [code]

    Example 2
    [/code]


Оставить комментарий