Jump to content
  • 0

Периодичность показа всплывающего окна.


Vic-Tor
 Share

Question

Добрый день всем, кто помогает таким балбесам, как я!

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

Исходники брал тут, а макет пока тут.

Прошу не пинать, а помочь, т.к. в скриптах я не разбираюсь вообще, да и в хтмл не асс.

Спасибо!

Edited by Vic-Tor
Link to comment
Share on other sites

25 answers to this question

Recommended Posts

  • 0
5 часов назад, klierik сказал:

Проблема сформулирована так что не понятно что тебе вообще надо.

Всплывающее окно, которое должно открываться только 1 раз при входе на сайт, т.е. через куки как-то там определяется посетитель и устанавливается периодичность появления этого окна. Я вроде всё установил, но оно не работает.

Вот скрипт проверки: 

<script type="text/javascript">    
$(function() {
  // Проверяем запись в куках о посещении
  // Если запись есть - ничего не происходит
     if (!$.cookie('hideModal')) {
  // если cookie не установлено появится окно
  // с задержкой 5 секунд
    var delay_popup = 5000;
    setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
     }
     $.cookie('hideModal', true, {
   // Время хранения cookie в днях
    expires: 3,
    path: '/'
   });
});
</script>

 

Edited by Vic-Tor
Link to comment
Share on other sites

  • 0

По всей видимости, этот скрипт должен быть вместо этого: ????

<script type="text/javascript">
	var delay_popup = 1000;
	setTimeout("document.getElementById('overlay').style.display='block'", delay_popup);
</script>

Они у меня стояли оба, теперь я этот скрипт убрал.

Edited by Vic-Tor
Link to comment
Share on other sites

  • 0

Согласно правил форума, с которыми ты согласился при регистрации:

Цитата

4.6. Помните, тут не делают работу за вас, тут помогают в изучении технологий и обмениваются опытом.

участники сообщества не обязаны друг другу ничем.

у меня таких задач не было, а идти и читать документацию вместо тебя времени нет.

Link to comment
Share on other sites

  • 0
1 час назад, klierik сказал:

Согласно правил форума, с которыми ты согласился при регистрации:

участники сообщества не обязаны друг другу ничем.

у меня таких задач не было, а идти и читать документацию вместо тебя времени нет.

А толку то? Я и в другой ветке просил помощи, и ТЫ знаешь как она называется: - "... бесплатно" !!!

Ты модератор? Тебе лучше всех знать, как называется та ветка, возьми и перекинь, если считаешь нужным, только поможет ли?

Я не программист, у меня свой сайт, который я с помощью таких форумов и сделал из шаблона.

Я свою работу довожу до конца!

Link to comment
Share on other sites

  • 0

Давай ты успокоишься и перейдешь в общении на тон ниже. Никто не обязан ни то что тебе отвечать, даже в тему заходить...

По теме: у тебя ничего не появляется так как появляться нечему. блока с "#parent_popup" на странице нет. Ты допустил ошибку в #ID.

Пробуй так:
 

<script>
	$(function () {
		// Проверяем запись в куках о посещении
		// Если запись есть - ничего не происходит
		if (!$.cookie('hideModal')) {
			// если cookie не установлено появится окно
			// с задержкой 5 секунд
			var delay_popup = 5000;
			setTimeout("document.getElementById('overlay').style.display='block'", delay_popup);
		}
		$.cookie('hideModal', true, {
			// Время хранения cookie в днях
			expires: 3,
			path:    '/'
		});
	});
</script>

 

Link to comment
Share on other sites

  • 0

Поставил обратно этот скрипт: 

<script type="text/javascript">
	var delay_popup = 1000;
	setTimeout("document.getElementById('overlay').style.display='block'", delay_popup);
</script>

появилось окно, но оно повторяется при переходе на другую страницу.

Edited by Vic-Tor
Link to comment
Share on other sites

  • 0
6 часов назад, klierik сказал:

Удали Куки или открой приватное окно 

Спасибо еще раз!

Возник маленький вопрос, вот эти 2 скрипта конфликтуют, что можно сделать??

<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

один отсюда, второй от кнопки наверх.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Adrian_v1
      Всем привет. Новичок, месяц назад понятия не имел о чем речь. За месяц cверстал сайт, с помощью видео уроков и форумов. 

      Есть две проблемы. 
      1. Хочу добавить всплывающие окошко. На CSS и HTML, без JS. (Скрин №1). Не хватает смекалки, как его сделать по вызову кнопки. Кнопка "#24/7/365". 
      2. Какие свойства посоветуете задать для видео фона, что бы он был во все окно браузера. Если заходить с сафари, проблем нет. Но если с хрома, справа торчит полоска. (Скрин №2)
      Критику воспринимаю адекватно, любые советы приветствуются. Отблагодарю советами по тренировкам по плаванию, так как являюсь тренером.
       
      Сайт - http://demolishingswim.club
       


    • By Daniel
      Возникла такая проблема. Необходимо ввести данные, а затем вывести эти данные в модальном окне, выскакивающее на этой же странице, никакой обработки. Можно ли как то использовать имя или id форм, чтобы потом их вывести в окне? Желательно без использования php и js, т.к. я их ещё не знаю. К примеру: ввёл я логин и пароль и в модальном окне мне высветилось: "Ваш логин: хххх, ваш пароль: хххх" Использую boostrap для модального окна.
    • By Stolarate
      Доброго времени суток. Появилась проблема с модальным окном, в инете не нашел ответа - прошу помощи, если нужно заплатить я заплачу (в рамках разумного)
      На сайте проблема: при открытии модального окна страница скролиться в самое начали и при нажатии кнопок в модальном окне тоже происходит скрол в начало страницы.
      Хочу избавиться от этой проблемы.
      Для анализа кода сбрасываю сайт: trening.1site.pp.ua
      Это не спам - тест страница с проблемой.
      Спасибо прочитанный пост.
      С ув Евгений.
    • By RestWEB
      Приветствую! Есть модальное окошко с затемнением. Написано на html+css.
      <a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}.overlay:target { visibility: visible; opacity: 1;}При прокрутке окно стоит на месте, а сам сайт прокручивается.
       
      Не могу внести изменения чтобы модальное окно тоже прокручивалось...
    • By marianna9201
      Добрый день!
      Помогите, пожалуйста, разобраться с маленькой проблемой.
      На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333
      В данном варианте это маленькие картинки ДСП, ПВХ и т.д.
      При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение?
      Спасибо!
       
      Вот CSS - код модального окна:
      zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-width: 99%; max-height: 99%; pointer-events: none; box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);}.zoom-images:focus { pointer-events: none;}
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy