Перейти к содержимому


Сделал Всплывающее Окно - Делюсь С Вами


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 142

#41 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 09 Сентябрь 2013 - 21:50

Просмотр сообщенияsupport 2.0 (09 Сентябрь 2013 - 21:31) писал:

Вы можете создать страницы в разделе сайт -> страницы -> далее нажать в полном описании кнопку "источник" и вставить Ваш код. После добавить эту страницу в пункт меню в разделе сайт -> меню
Вы меня не поняли наверное.Задача такая-собрать подписчиков.
Должно появляться всплывающие окно(justclick) с текстом и поле для ввода мыла,код указан в прошлом сообщение.  И после подтверждения подписки человек попадает на эту страницу. Эта страница не должна всем показываться

#42 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 218 сообщений

Отправлено 10 Сентябрь 2013 - 03:21

Код который вы приводите - можете вставить в шаблон "HTML". Куда именно вставить данный код - сказать сложно так как не совсем понятно как отображается визуально данный код. Попробуйте вставить его например перед тегом {BODY}

#43 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 10 Сентябрь 2013 - 08:08

Просмотр сообщенияVaccina (10 Сентябрь 2013 - 03:21) писал:

Код который вы приводите - можете вставить в шаблон "HTML". Куда именно вставить данный код - сказать сложно так как не совсем понятно как отображается визуально данный код. Попробуйте вставить его например перед тегом {BODY}
Вставил перед боди, отображается правильно,но пишет, что на сайте есть ошибка

Прикрепленные изображения

  • ScreenShot 205.png


#44 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 10 Сентябрь 2013 - 10:25

Просмотр сообщенияyangirov (10 Сентябрь 2013 - 08:08) писал:

Вставил перед боди, отображается правильно,но пишет, что на сайте есть ошибка

Найдите код в шаблоне HTML -
<script language="JavaScript" type="text/javascript"> if (typeof(jQuery) == 'undefined' || typeof(JCjQueryPopupLoaded) == 'undefined') { JCjQueryPopupLoaded = true; document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></sc'+'ript>'); document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="http://www.justclick.ru/media/subscribe/popup.js?t=7395"></sc'+'ript>'); document.write('<st'+'yle type="text/css"> @import "http://www.justclick.ru/media/subscribe/popup.css"; </st'+'yle>'); window.onload = function(){ JC_PopupPrepare('popup-div-2191', false, false, true, 200, false, false); }; } </script> <style type="text/css"> #popup-div-2191, #popup-div-2191 td {font:14px Arial,Helvetica,sans-serif;} #popup-div-2191 {border:solid 7px #ccc;padding:20px;background:#fff;} #popup-div-2191 h1 {font-size:24px;color:#c00;} #popup-div-2191 p {font-size:14px;} #popup-div-2191 input.submit {background:#09c url(http://www.justclick.ru/media/member/images/menu_bg.png);border:#186FA5 1px solid;color:#fff;font-weight:bold;} </style><div id="popup-div-2191" class="JC-popup"><a href="#" class="close">закрыть x</a><h1>Купон на скидку или подарок</h1><p>Заберите купон номиналом 500 руб на любую покупку* или бесплатный подарок к любому заказу.
Достаточно оставить свой e-mail и подтвердить регистрацию.
*Купон действует на разовый заказ от 3000 руб.</p><form action="http://zur-market.justclick.ru/subscribe/process/" method="post" target="_blank" id="subscr-form-2191"><input name="rid[0]" type="hidden" value="500" /><input name="doneurl2" type="hidden" value="http://zur-market.ru/page/Skidka-500-rublej-ili-podarok" /><input type="hidden" name="lead_name" value="Дорогой друг" /><table align="center" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td class="label"><nobr>Ваш E-Mail:</nobr></td><td><input style="width:240px;" name="lead_email" type="text" /></td></tr><tr><td></td><td><input style="width:240px;" class="submit" name="lead_subscribe" type="submit" value="Получить!" /></td></tr></tbody></table></form></div><script language="JavaScript" type="text/javascript"> document.getElementById('popup-div-2191').style.visibility = 'hidden'; </script>
и замените на -
<script language="JavaScript" type="text/javascript">
if (typeof(jQuery) == 'undefined' || typeof(JCjQueryPopupLoaded) == 'undefined') { JCjQueryPopupLoaded = true;
/*document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></sc'+'ript>'); */
document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="http://www.justclick.ru/media/subscribe/popup.js?t=7395"></sc'+'ript>');
document.write('<st'+'yle type="text/css"> @import "http://www.justclick.ru/media/subscribe/popup.css"; </st'+'yle>');
window.onload = function(){ JC_PopupPrepare('popup-div-2191', false, false, true, 200, false, false); }; } </script>
<style type="text/css"> #popup-div-2191, #popup-div-2191 td {font:14px Arial,Helvetica,sans-serif;} #popup-div-2191 {border:solid 7px #ccc;padding:20px;background:#fff;} #popup-div-2191 h1 {font-size:24px;color:#c00;} #popup-div-2191 p {font-size:14px;} #popup-div-2191 input.submit {background:#09c url(http://www.justclick.ru/media/member/images/menu_bg.png);border:#186FA5 1px solid;color:#fff;font-weight:bold;} </style>
<div id="popup-div-2191" class="JC-popup">
  <a href="#" class="close">закрыть x</a>
  <h1>Купон на скидку или подарок</h1>
  <p>Заберите купон номиналом 500 руб на любую покупку* или бесплатный подарок к любому заказу.
	 Достаточно оставить свой e-mail и подтвердить регистрацию.
	 *Купон действует на разовый заказ от 3000 руб.</p>
  <form action="http://zur-market.justclick.ru/subscribe/process/" method="post" target="_blank" id="subscr-form-2191">
	<input name="rid[0]" type="hidden" value="500" />
	<input name="doneurl2" type="hidden" value="http://zur-market.ru/page/Skidka-500-rublej-ili-podarok" />
	<input type="hidden" name="lead_name" value="Дорогой друг" />
	<table align="center" border="0" cellspacing="0" cellpadding="0">
	  <tbody>
		<tr>
		  <td class="label"><nobr>Ваш E-Mail:</nobr></td>
		  <td><input style="width:240px;" name="lead_email" type="text" /></td>
		</tr>
		<tr>
		  <td></td>
		  <td><input style="width:240px;" class="submit" name="lead_subscribe" type="submit" value="Получить!" /></td>
		</tr>
	  </tbody>
	</table>
  </form>
</div>
<script language="JavaScript" type="text/javascript"> document.getElementById('popup-div-2191').style.visibility = 'hidden'; </script>


#45 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 10 Сентябрь 2013 - 10:45

Просмотр сообщенияmiyako (10 Сентябрь 2013 - 10:25) писал:

Найдите код в шаблоне HTML -
<script language="JavaScript" type="text/javascript"> if (typeof(jQuery) == 'undefined' || typeof(JCjQueryPopupLoaded) == 'undefined') { JCjQueryPopupLoaded = true; document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></sc'+'ript>'); document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="http://www.justclick.ru/media/subscribe/popup.js?t=7395"></sc'+'ript>'); document.write('<st'+'yle type="text/css"> @import "http://www.justclick.ru/media/subscribe/popup.css"; </st'+'yle>'); window.onload = function(){ JC_PopupPrepare('popup-div-2191', false, false, true, 200, false, false); }; } </script> <style type="text/css"> #popup-div-2191, #popup-div-2191 td {font:14px Arial,Helvetica,sans-serif;} #popup-div-2191 {border:solid 7px #ccc;padding:20px;background:#fff;} #popup-div-2191 h1 {font-size:24px;color:#c00;} #popup-div-2191 p {font-size:14px;} #popup-div-2191 input.submit {background:#09c url(http://www.justclick.ru/media/member/images/menu_bg.png);border:#186FA5 1px solid;color:#fff;font-weight:bold;} </style><div id="popup-div-2191" class="JC-popup"><a href="#" class="close">закрыть x</a><h1>Купон на скидку или подарок</h1><p>Заберите купон номиналом 500 руб на любую покупку* или бесплатный подарок к любому заказу.
Достаточно оставить свой e-mail и подтвердить регистрацию.
*Купон действует на разовый заказ от 3000 руб.</p><form action="http://zur-market.justclick.ru/subscribe/process/" method="post" target="_blank" id="subscr-form-2191"><input name="rid[0]" type="hidden" value="500" /><input name="doneurl2" type="hidden" value="http://zur-market.ru/page/Skidka-500-rublej-ili-podarok" /><input type="hidden" name="lead_name" value="Дорогой друг" /><table align="center" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td class="label"><nobr>Ваш E-Mail:</nobr></td><td><input style="width:240px;" name="lead_email" type="text" /></td></tr><tr><td></td><td><input style="width:240px;" class="submit" name="lead_subscribe" type="submit" value="Получить!" /></td></tr></tbody></table></form></div><script language="JavaScript" type="text/javascript"> document.getElementById('popup-div-2191').style.visibility = 'hidden'; </script>
и замените на -
<script language="JavaScript" type="text/javascript">
if (typeof(jQuery) == 'undefined' || typeof(JCjQueryPopupLoaded) == 'undefined') { JCjQueryPopupLoaded = true;
/*document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></sc'+'ript>'); */
document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="http://www.justclick.ru/media/subscribe/popup.js?t=7395"></sc'+'ript>');
document.write('<st'+'yle type="text/css"> @import "http://www.justclick.ru/media/subscribe/popup.css"; </st'+'yle>');
window.onload = function(){ JC_PopupPrepare('popup-div-2191', false, false, true, 200, false, false); }; } </script>
<style type="text/css"> #popup-div-2191, #popup-div-2191 td {font:14px Arial,Helvetica,sans-serif;} #popup-div-2191 {border:solid 7px #ccc;padding:20px;background:#fff;} #popup-div-2191 h1 {font-size:24px;color:#c00;} #popup-div-2191 p {font-size:14px;} #popup-div-2191 input.submit {background:#09c url(http://www.justclick.ru/media/member/images/menu_bg.png);border:#186FA5 1px solid;color:#fff;font-weight:bold;} </style>
<div id="popup-div-2191" class="JC-popup">
<a href="#" class="close">закрыть x</a>
<h1>Купон на скидку или подарок</h1>
<p>Заберите купон номиналом 500 руб на любую покупку* или бесплатный подарок к любому заказу.
	 Достаточно оставить свой e-mail и подтвердить регистрацию.
	 *Купон действует на разовый заказ от 3000 руб.</p>
<form action="http://zur-market.justclick.ru/subscribe/process/" method="post" target="_blank" id="subscr-form-2191">
<input name="rid[0]" type="hidden" value="500" />
<input name="doneurl2" type="hidden" value="http://zur-market.ru/page/Skidka-500-rublej-ili-podarok" />
<input type="hidden" name="lead_name" value="Дорогой друг" />
<table align="center" border="0" cellspacing="0" cellpadding="0">
	 <tbody>
	 <tr>
		 <td class="label"><nobr>Ваш E-Mail:</nobr></td>
		 <td><input style="width:240px;" name="lead_email" type="text" /></td>
	 </tr>
	 <tr>
		 <td></td>
		 <td><input style="width:240px;" class="submit" name="lead_subscribe" type="submit" value="Получить!" /></td>
	 </tr>
	 </tbody>
</table>
</form>
</div>
<script language="JavaScript" type="text/javascript"> document.getElementById('popup-div-2191').style.visibility = 'hidden'; </script>
Теперь ошибки нет,но и нет возможности кликнуть, на слово "получить" по e-mail вернее кликается куда то в правую часть,я не понял куда именно  и ещё это окно всплывает только один раз и у меня уже браузеров не остается для проверки

Прикрепленные изображения

  • ScreenShot 206.png


#46 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 10 Сентябрь 2013 - 13:48

Просмотр сообщенияyangirov (10 Сентябрь 2013 - 10:45) писал:

Теперь ошибки нет,но и нет возможности кликнуть, на слово "получить" по e-mail вернее кликается куда то в правую часть,я не понял куда именно  и ещё это окно всплывает только один раз и у меня уже браузеров не остается для проверки

Добавьте в конец файла main.css код -
#popup-div-2191 input.submit {width:100px !important;}


#47 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 10 Сентябрь 2013 - 14:35

Теперь вроде ровно всё.Вот такой вопрос возник:Нужно что бы это всплывающие окно появлялось не чаще 1 раза в месяц у одного и того же посетителя.
Как реализовать и возможно ли  это?

#48 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 218 сообщений

Отправлено 11 Сентябрь 2013 - 02:42

Судя по коду внутри файла popup.js данное окно должно отображаться не чаще 1 года.

var d = new Date();
  d.setYear(d.getFullYear()+1);
  var d1 = new Date();
  popupSetCookie('cookie-'+id, '1', d.toUTCString(), '/');

Получается вы хотите сделать отображение чаще?

#49 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 11 Сентябрь 2013 - 09:57

Да, примерно раз в месяц.Он к куки привязывается?

#50 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 11 Сентябрь 2013 - 11:02

Просмотр сообщенияyangirov (11 Сентябрь 2013 - 09:57) писал:

Да, примерно раз в месяц.Он к куки привязывается?

Попробуйте заменить код -
var d = new Date();
  d.setYear(d.getFullYear()+1);
  var d1 = new Date();
  popupSetCookie('cookie-'+id, '1', d.toUTCString(), '/');
на -
var d = new Date();
  d.setMonth(d.getMonth()+1);
  var d1 = new Date();
  popupSetCookie('cookie-'+id, '1', d.toUTCString(), '/');


#51 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 11 Сентябрь 2013 - 11:24

Просмотр сообщенияmiyako (11 Сентябрь 2013 - 11:02) писал:

Попробуйте заменить код -
var d = new Date();
d.setYear(d.getFullYear()+1);
var d1 = new Date();
popupSetCookie('cookie-'+id, '1', d.toUTCString(), '/');
на -
var d = new Date();
d.setMonth(d.getMonth()+1);
var d1 = new Date();
popupSetCookie('cookie-'+id, '1', d.toUTCString(), '/');
Так, а где это меняется? Что за файл popup.js ? и как его найти?

#52 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 11 Сентябрь 2013 - 15:42

Этот файл находится по адресу
http://www.justclick...popup.js?t=7395

уточните, каким образом вы сформировали этот код ? откуда он был взят?

возможно при формировании кода есть выбор временного периода о котором вы говорите.
иначе вам нужно будет скачать файл скрипта на сайт магазина и переподключить его в в файле html /

#53 devida

devida

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 23 Сентябрь 2013 - 15:57

Преогромное спасибо создателю темы за, собственно, создание, и пользователю  ogonek7777, чье решение "по-другому" мне и помогло в итоге)) Но все же есть проблема. Во всплывающем окне текст: "Пожалуйста, выберите интересующий Вас филиал (дальше две ссылки)". Но филиалов у нас 3, и третий, главный, как раз открывается по адресу главной страницы. Как сделать так, чтобы при нажатии на ссылку третьего филиала данное окошко уже не всплывало? Вариант с разовым всплытием (с использованием cookies) не очень подходит, так как при последующих заходах на сайт клиенту снова могут понадобиться филиалы 1-2, а ссылок на них на главной нет (т.к. появились они совсем недавно, и в дизаин их врисовать уже проблематично).


#54 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 23 Сентябрь 2013 - 17:19

Просмотр сообщенияdevida (23 Сентябрь 2013 - 15:57) писал:

Преогромное спасибо создателю темы за, собственно, создание, и пользователю  ogonek7777, чье решение "по-другому" мне и помогло в итоге)) Но все же есть проблема. Во всплывающем окне текст: "Пожалуйста, выберите интересующий Вас филиал (дальше две ссылки)". Но филиалов у нас 3, и третий, главный, как раз открывается по адресу главной страницы. Как сделать так, чтобы при нажатии на ссылку третьего филиала данное окошко уже не всплывало? Вариант с разовым всплытием (с использованием cookies) не очень подходит, так как при последующих заходах на сайт клиенту снова могут понадобиться филиалы 1-2, а ссылок на них на главной нет (т.к. появились они совсем недавно, и в дизаин их врисовать уже проблематично).

Думаю иного решения без cookies нет. Если только сделать вывод скрипта на главной страницы сайта. А затем при нажатие на переход к этому же сайту, давать пользователю на другую страницу этого же сайта. Таким образом окно должно выводиться только на одной странице сайта. Не могли бы еще сообщить номер своего аккаунта. Еще кнопку можно добавить просто продублировав html код кнопок.

#55 devida

devida

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 24 Сентябрь 2013 - 11:20

Просмотр сообщенияKoderhan (23 Сентябрь 2013 - 17:19) писал:

Думаю иного решения без cookies нет. Если только сделать вывод скрипта на главной страницы сайта. А затем при нажатие на переход к этому же сайту, давать пользователю на другую страницу этого же сайта. Таким образом окно должно выводиться только на одной странице сайта. Не могли бы еще сообщить номер своего аккаунта. Еще кнопку можно добавить просто продублировав html код кнопок.
Спасибо за ответ! Проблему решила предложением "Или нажмите ЗАКРЫТЬ для того, чтобы перейти на страницу главного офиса". Иначе никак, ибо на странице главного офиса установлен nivo slider с ключевой информацией по услугам, и перенапрявлять на другую страницу просто нет смысла.

#56 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 29 Сентябрь 2013 - 12:33

Просмотр сообщенияTaisia (11 Сентябрь 2013 - 15:42) писал:

Этот файл находится по адресу
http://www.justclick...popup.js?t=7395

уточните, каким образом вы сформировали этот код ? откуда он был взят?

возможно при формировании кода есть выбор временного периода о котором вы говорите.
иначе вам нужно будет скачать файл скрипта на сайт магазина и переподключить его в в файле html /

Я новое pop up окно сделал.Сейчас окно отображается без ошибок, кое что менялось(модераторы подсказали).Вот сейчас новый код,скажите как и что подправить,что бы я сразу без ошибок отображалось, думаю нужно по аналогии с действующим смотреть(192 строка в html).
<script language="JavaScript" type="text/javascript"> if (typeof(jQuery) == 'undefined' || typeof(JCjQueryPopupLoaded) == 'undefined') { JCjQueryPopupLoaded = true; document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="https://ajax.googlea....js"></sc ript>'); document.write('<scri'+'pt language="JavaScript" type="text/javascript" src="http://www.justclick...834"></sc ript>'); document.write('<st'+'yle type="text/css"> @import "http://www.justclick...ibe/popup.css"; </st'+'yle>'); window.onload = function(){ JC_PopupPrepare('popup-div-4712', false, false, false, 200, false, false); }; } </script> <style type="text/css"> #popup-div-4712, #popup-div-4712 td {font:14px Arial,Helvetica,sans-serif;} #popup-div-4712 {border:solid 7px #ccc;padding:20px;background:#fff;} #popup-div-4712 h1 {font-size:24px;color:#c00;} #popup-div-4712 p {font-size:14px;} #popup-div-4712 input.submit {background:#09c url(http://www.justclick...ges/menu_bg.png);border:#186FA5 1px solid;color:#fff;font-weight:bold;} </style><div id="popup-div-4712" class="JC-popup"><a href="#" class="close">закрыть x</a><h1>Купон на скидку или подарок</h1><p>Заберите купон номиналом 500 руб на любую покупку* или бесплатный подарок к любому заказу. Достаточно оставить свой e-mail и подтвердить регистрацию. *Купон действует на разовый заказ от 3000 руб.</p><form action="http://zur-market.ju...cribe/process/" method="post" target="_blank" id="subscr-form-4712"><input name="rid[0]" type="hidden" value="500" /><input name="doneurl2" type="hidden" value="http://zur-market.ru...ej-ili-podarok" /><input type="hidden" name="lead_name" value="Дорогой друг" /><table align="center" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td class="label"><nobr>Ваш E-Mail:</nobr></td><td><input style="width:240px;" name="lead_email" type="text" /></td></tr><tr><td></td><td><input style="width:240px;" class="submit" name="lead_subscribe" type="submit" value="Подписаться!" /></td></tr></tbody></table></form></div><script language="JavaScript" type="text/javascript"> document.getElementById('popup-div-4712').style.visibility = 'hidden'; </script>

#57 yangirov

yangirov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 61 сообщений

Отправлено 01 Октябрь 2013 - 14:43

На сообщение выше ответ будет? Спасибо.

#58 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 02 Октябрь 2013 - 00:51

К сожалению, ваш вопрос не понятен. Пожалуйста, опишите его как можно подробнее. Что означает "что бы я сразу без ошибок отображалось"? где отображалось? Приведите какие-либо примеры.

#59 Dens

Dens

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 17 Октябрь 2013 - 10:51

скажите как из этого кода написанным Cake
<script language="javascript">
if (document.cookie.indexOf('_visited=1') == -1) {
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
document.cookie = '_visited=1; path=/';
}
</script>

сделать куки по времени

#60 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 18 Октябрь 2013 - 01:34

Используйте код вида

<script language="javascript">
if (document.cookie.indexOf('_visited=1') == -1) {
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
var date = new Date;
date.setDate( date.getDate() + 1 ); // текущая дата + 1 день
document.cookie = '_visited=1; path=/; expires=' + date.toUTCString();
}
</script>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных