0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 9627 Просмотров
*

signorsirius

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Ребята подскажите как реализовать всплывающее окно при входе на сайт, выводится в принципе только текстовая информация. Но это не проблема, а как сделать так чтоб оно появлялось только олин раз при входе, и не появлялось снова при переходе на главную из других частей...
*

xaocbozzz

  • Давно я тут
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
*

sharp

  • Живу я здесь
  • 1195
  • 97 / 2
*

signorsirius

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
окно у меня есть, все нормально. но вот проблема что на главной у меня каталог. при входе на сайт появляется. прочитали.... закрыли... бродим по каталогу снова появляется (модуль привязан к пункту меню)
*

sterveo

  • Осваиваюсь на форуме
  • 43
  • 1 / 0
где-то нашел,  можно еще так :

<style>
#popup {
  display: table;
  position: fixed; top: 0; left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(240,240,240,.9);
  visibility: hidden;
  animation: animaciya 1s 3s forwards; /* 5s - это количество секунд по истечении которых появляется сообщение */
  cursor: pointer;
}
@keyframes animaciya {   
  from {visibility: hidden;} 
  to {visibility: visible;}
}
#popup figure {
  display: table-cell;
  vertical-align: middle;
}
#popup div, #popup figcaption, #popup figure:before {
  max-width: 500px; /* максимальная ширина */
  margin: 0 auto;
  border-style: solid;
  border-color: rgb(148,0,0);
  background: #fff;
}
#popup figure:before { /* стиль кнопки "закрыть" */
  content: "закрыть";
  display: block;
  padding: 0 1%;
  border-width: 4px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  text-align: right;
  color: rgb(88,125,164);
}
#popup div, #popup figcaption {
  padding: 1%;
  cursor: default;
}
#popup figcaption {
  position: relative;
  border-width: 0 4px 0 4px;
  font-size: 150%;
  text-transform: uppercase;
  color: rgb(100,100,100);
}
#popup figcaption:before { /* стиль восклицательного знака, не поддерживается Google Chrome. Его можно заменить на что-то более приемлемое */
  content: "\26a0 \20 \20";
  color: #940000;
  font-size: 150%;
  vertical-align: middle;
}
#popup div {
  border-width: 0 4px 4px 4px;
  border-radius: 0 0 5px 5px;
}
</style>

<div id="popup">
  <figure>
    <figcaption>заголовок</figcaption>
    <div>содержание</div>
  </figure>
</div>

<script>
window.onkeyup = okno; // нажатие Esc, см. условие "e.keyCode==27"
document.getElementById('popup').onclick = okno;

function okno(e) {
  if (e.target.nodeName != 'DIV' && e.target.nodeName != 'FIGCAPTION' || e.keyCode==27) { // через && перечисляются теги, клинкув на которые окно не будет закрыто; сюда же можно включить тег A или IFRAME
    document.getElementById('popup').style.display='none';
    localStorage.setItem('popup1', 'none');
  }
}

if(localStorage.getItem('popup1')) {
  document.getElementById('popup').style.display='none';
}
</script>
*

aspidy

  • Живу я здесь
  • 1022
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Цена вопроса 10$ готовый модуль. Если бесплатно: подключаете плагин отслеживания куки
Мелкий ремонт. skype poisk-plus
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывести на сайт компонент JoomShoping

Автор klipius

Ответов: 4
Просмотров: 94
Последний ответ 22.09.2017, 08:49:11
от dmitry_stas
Всплывающее окно поверх быстрого просмотра!

Автор Stimulmagazin

Ответов: 0
Просмотров: 91
Последний ответ 17.08.2017, 10:26:33
от Stimulmagazin
Бесплатный модуль "Brilliant Instajoom" для добавления фото с Instagram на Ваш сайт Joomla3

Автор webmap

Ответов: 11
Просмотров: 6975
Последний ответ 14.02.2017, 22:30:39
от mlukyanov
X MAP - Сайт пока не может обработать этот запрос?

Автор serg450453

Ответов: 4
Просмотров: 1141
Последний ответ 09.06.2016, 19:24:22
от Stasweb
Плагин Viber на сайт

Автор Alexeevich

Ответов: 11
Просмотров: 2229
Последний ответ 12.02.2016, 19:24:03
от Alexeevich