1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Всплывающий div при загрузки страницы

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем xoff, 25 сен 2014.

  1. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    74
    Симпатии:
    13
    Доброе утро, нужно при загрузки сайта реализовать всплывающий div с возможностью закрыть и для тех кто его закрыл - заново не показывать.

    Что-то типо этого:
    [​IMG]

    Перерыл весь интернет не смог найти подобной реализации, надеюсь на вашу помощь.
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    Теория:
    Рисуешь див, ставишь ему display: none;
    после нажатия на кнопку закрытия дестроишь его и записываешь куку что уже просмотрено.

    соответственно, после обновления страницы проверяешь, есть ли кука. Если есть - не показываем, если нет повторяем манипуляции выше.
     
  3. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    18
    Симпатии:
    1
    все тоже самое только чуть упрости сделав с библиотекой JQuery
    в общем да читай модальные окна, JQuery и куки
     
  4. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Ух ее.. Зачем такие скрипты писать то, лучше это все серверно разруливать. Типа new и т.п. И причем всегда чтоб весело.
    А этот идиотизм будет только раздражать и нагружать клиентскую часть.
     
  5. Руслан911

    Руслан911

    Регистрация:
    27 авг 2013
    Сообщения:
    66
    Симпатии:
    21
    Я думаю ты хотел увидеть готовое решение?
    тогда вот оно... http://leadinlife.info/blogosfera/vsplyvayushhee-modalnoe-okno-jquery-css.html
    недавно его использовал.