Search the Community

Showing results for tags 'модальное окно'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Поисковые системы
    • Поисковая оптимизация
    • Яндекс
    • Google
    • Другие поисковики
    • SMO
    • Каталоги
    • Инструкции и уроки
  • Основные форумы
    • Новости
    • Контекстная реклама
    • Партнерские программы
    • Сервисы, программы и скрипты
    • Дизайн
    • Домены
    • Биржа сайтов
    • Сайтостроительство
    • Хостинг
    • Финансы
    • Разное
    • Конкурсы
  • Работа
    • Правила раздела
    • Дизайн
    • Копирайт/Рерайт
    • SEO
    • SMO/SMM
    • Программирование
    • Разное
  • Другое
    • О нас
    • Black List
    • White List
    • Оффтопик

Skype


Местоположение


Интересы


Ваш сайт


Профиль ID

Found 3 results

  1. Всем привет. У меня такой вопрос. Есть ли у кого скрипт вывода модального окна в низу страницы? Нужно что бы в версии для ПК выводилась одна реклама а для мобильной версии сайта другая и закрывался блок при нажатии на крестик. Хочу разместить в данном блоке рекламу от РСЯ. В интернете не могу найти. Вижу что на многих сайтах этот скрипт используется. Спасибо.
  2. Здравствуйте. На сайте (HTML) есть две одинаковые формы со своими уникальными ID. К модальным окнам есть скрипт. Проблема в том что при нажатии на кнопку первое и второе модальное окно с контактной формой работают,, отправляют письма., но не закрывается (не сворачивается) http://joxi.ru/GrqgdNGcQWlLJ2 В консоли ошибка Uncaught TypeError: Cannot read property 'x' of undefined Вот скрипты отвечающие за это: $(document).ready(function() { var modal = document.getElementById("win_modal"); var span = document.getElementsByClassName("close")[0]; $('#modal').on('click', function () { modal.style.display = "block"; }); span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } }); $(document).ready(function() { var modal = document.getElementById("win_modal_2"); var span = document.getElementsByClassName("close")[0]; $('#modal_2').on('click', function () { modal.style.display = "block"; }); span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } }); Подскажите в чем проблема, если еще что-то нужно скину.
  3. Привет уважаемые форумчане, помогите пожалуйста доработать код javascript, чтобы при первом входе пользователя на сайт окно появлялось и исчезало не резко, а плавно через некоторое время. Знаю что за это отвечает функция fadeIn, но как воткнуть ее в код и чтобы все правильно заработало, ума не приложу. Заранее прошу прощение у бывалых и знатоков, но в программировании к сожалению не силен.... javascript, который нужно доработать <script language="javascript"> if (document.cookie.indexOf('_visited=1') == -1) { var delay_popup = 1000; setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup); document.cookie = '_visited=1; path=/'; } </script> Весь рабочий код всплывающего модального окна при входе на сайт. <div id="parent_popup"> <div id="popup"> Тут пишем ваш текст. Или вставляем HTML код. <a class="close"title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';"></a> </div> </div> <script language="javascript"> if (document.cookie.indexOf('_visited=1') == -1) { var delay_popup = 1000; setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup); document.cookie = '_visited=1; path=/'; } </script> <style> #parent_popup { background-color: rgba(240,240,240,.3); display: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } #popup { background: #fff; width: 520px; margin: 10% auto; padding: 5px 20px 13px 20px; border: 10px solid #fff; position: relative; /*--CSS3 Тени для Блока--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Скругленные углы--*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 0px; } .close { background-color: rgba(0, 0, 0, 0.8); border: 2px solid #ccc; height: 5px; line-height: 24px; position: absolute; right: 0px; cursor: pointer; font-weight: bold; text-align: center; text-decoration: none; color: rgba(255, 255, 255, 0.9); font-size: 14px; text-shadow: 0 -1px rgba(0, 0, 0, 0.9); top: 0px; width: 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 0px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background-color: rgba(0, 122, 200, 0.8); } </style>