Всплыdающее Окно Smartresponder
#1
Отправлено 23 Апрель 2014 - 09:19
#2
Отправлено 23 Апрель 2014 - 16:28
#3
Отправлено 23 Апрель 2014 - 18:22
ЭТОТ Код генерирует всплывающее Окно с формой подписки На рассылку
#4
Отправлено 23 Апрель 2014 - 18:34
katty-cherry (23 Апрель 2014 - 18:22) писал:
ЭТОТ Код генерирует всплывающее Окно с формой подписки На рассылку
Если проблема с java-скрипт кодом, то нужно его загрузить через раздел Сайт - Редактор шаблонов. А в HTML коде вместо:
<script language="javascript" type="text/javascript" src="popover.js">
указать:
<script language="javascript" type="text/javascript" src="{ASSETS_JS_PATH}popover.js">
#5
Отправлено 23 Апрель 2014 - 18:45
MikDark (23 Апрель 2014 - 18:34) писал:
<script language="javascript" type="text/javascript" src="popover.js">
указать:
<script language="javascript" type="text/javascript" src="{ASSETS_JS_PATH}popover.js">
#7
Отправлено 08 Май 2014 - 20:05
вставил вот ЭТОТ Код
Цитата
<script language="javascript" type="text/javascript" src="popover.js"></script><div id="SR_PopOverModalBackground" style="display: none; background-color:#000; filter: alpha(opacity=0); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;"></div><span style="margin: 0; padding: 0; width: 472; height: 454; position: absolute; left: 0; right: 0; display: none;" id="SR_PopOver"><table cellspacing="0" cellpadding="0" width="472" height="454"><tr><td rowspan="2" colspan="2" width="465" height="447" style="border: 1px solid #0000cc"><table cellspacing="0" cellpadding="3" width="100%" height="100%" bgcolor="#ffffff">
<tr valign="middle" bgcolor="#0000ff"><td onMouseDown="popover_drag_start(event, this, 'SR_PopOver')" width="100%" align="center" style="font-family: Courier; font-size: 12pt; color: #ffffff; font-weight: bold;">Получи подарок</td><td align="right"><table cellspacing="0"><tr><td style="padding: 0 3 0 3; background-color: #ff0000; font-family: Verdana; font-size: 10pt; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 2px solid #696969; border-right: 2px solid #696969;" onClick="popover_slideClose('SR_PopOver', 'up', 200)" onMouseOver="this.style.cursor='pointer'" onMouseOut="this.style.cursor='default'">X</td></tr></table></td></tr><tr><td colspan="2" style="font-family: Verdana; font-size: 10pt; color: #000000;" align="center" valign="middle" height="100%"><!-- SmartResponder.ru subscribe form code (begin) -->
<link rel="stylesheet" href="https://imgs.smartre...acd11278fd23/">
<script type="text/javascript" src="https://imgs.smartre...5a0/"></script>
<script type="text/javascript">
_sr(function() {
_sr('form[name="SR_form_240558_71"]').find('div#sr-preload_').prop('id', 'sr-preload_240558_71');
_sr('#sr-preload_240558_71').css({'width':parseInt(_sr('form[name="SR_form_240558_71"]').width() + 'px'), 'height':parseInt(_sr('form[name="SR_form_240558_71"]').height()) + 'px', 'line-height':parseInt(_sr('form[name="SR_form_240558_71"]').height()) + 'px'}).show();
if(_sr('form[name="SR_form_240558_71"]').find('input[name="script_url_240558_71"]').length) {
_sr.ajax({
url: _sr('input[name="script_url_240558_71"]').val() + '/' + (typeof document.charset !== 'undefined' ? document.charset : document.characterSet),
dataType: "script",
success: function() {
_sr('#sr-preload_240558_71').hide();
}
});
}
});
</script>
<div id="outer_alignment" align="left">
<form class="sr-box" method="post" action="https://smartrespond...subscribe.html" target="_blank" name="SR_form_240558_71" style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border: 2px dashed rgb(37, 151, 204); width: 450px; margin-left: ;">
<input type="text" name="field_name" class="sr-name">
<div id="sr-preload_" style="display: none; background-color: #f6f6f6; opacity: 0.5; position: absolute; z-index: 100; text-align: center; font: bold 15px Arial;">Загрузка...</div>
<ul class="sr-box-list"><li class="sr-240558_71" style="text-align: center; display: block; position: relative; background-color: rgb(237, 237, 35); border: 0px solid rgb(0, 0, 0); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;" class=""><label class="" style="font-family: arial; font-weight: bold; height: auto; line-height: 25px; padding: 15px 25px; margin-top: 10px; font-size: 20px; color: rgb(250, 65, 65);">Получить абсолютно БЕСПЛАТНО трафареты для 3D рисования </label><input type="hidden" name="element_header" value="" style="font-family: Arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: none; box-shadow: none;"></li><li class="sr-240558_71" style="text-align: center; height: 65px; position: relative; background-color: rgb(237, 237, 35); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-position: initial initial; background-repeat: initial initial;" class=""><label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; display: none;"></label><input type="text" name="field_name_first" style="background-image: none; font-family: arial; color: rgb(189, 189, 189); font-size: 13px; font-weight: bold; border: 2px solid rgb(188, 188, 188); background-color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height: 47px; box-shadow: none; margin-top: 15px;" value="Введите ваше имя"></li><li class="sr-240558_71" class="" style="text-align: center; height: 65px; position: relative; background-color: rgb(237, 237, 35); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-position: initial initial; background-repeat: initial initial;">
<label class="remove_labels" style="font-weight: normal; font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; display: none;"></label>
<input type="text" name="field_email" class="sr-required" style="background-image: none; font-family: arial; color: rgb(189, 189, 189); font-size: 13px; font-weight: bold; border: 2px solid rgb(188, 188, 188); background-color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height: 47px; box-shadow: none; margin-top: 15px;" value="Введите ваш email">
</li><li class="sr-240558_71" class="" style="border: 0px; text-align: center; height: 110px; position: relative; background-color: rgb(237, 237, 35); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-position: initial initial; background-repeat: initial initial;"><input type="submit" name="subscribe" value="Получить" style="margin: 32px 0px 0px; background-image: none; font-family: arial; color: rgb(255, 255, 255); font-weight: bold; border: 3px solid rgb(49, 138, 247); height: 47px; box-shadow: none; background-color: rgb(255, 54, 88); font-size: 24px; padding: 0px 54px; background-position: 0% 50%; background-repeat: repeat repeat;"></li><li class="sr-240558_71" style="text-align: center; border: 0px solid rgb(0, 0, 0); height: 65px; position: relative; background-color: rgb(54, 225, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;" class=""><label class="sr-element" style="font-family: arial; font-weight: bold; color: rgb(0, 0, 0); font-size: 10px;">Мы гарантируем полную защиту ваших данных.</label><input type="hidden" name="element_privacy" value="" style="font-family: Arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: none; box-shadow: none;"></li></ul>
<input type="hidden" name="uid" value="526719">
<input type="hidden" name="did[]" value="639561"><input type="hidden" name="tid" value="0"><input type="hidden" name="lang" value="ru"><input name="script_url_240558_71" type="hidden" value="https://imgs.smartre...558_71"></form>
</div>
<!-- SmartResponder.ru subscribe form code (end) --></td></tr></table></td><td width="7" height="7"></td></tr><tr><td bgcolor="#cccccc" height="440"></td></tr><tr><td width="7" height="7"></td><td width="458" bgcolor="#cccccc"></td><td bgcolor="#cccccc"></td></tr></table></span><script language="javascript" type="text/javascript"> function SR_startPopOver() { popover_set_margins(5, 5, 5, 5);popover_slide('SR_PopOver', 'centerUp', 'centerCenter', 200, 0, '#000000');} function onloadFunction(){window.setTimeout(SR_startPopOver, 0);}onloadFunction();</script>
<!-- SmartResponder.ru PopOver code (end) -->
#8
Отправлено 08 Май 2014 - 22:07
Скажите можно ли сделать так что бы она вылетала при выходе из сайта??
#10
Отправлено 08 Май 2014 - 22:29
Как Вы это сделали? У меня так и не получилось (((Если можно, поподробнее
[/ цитата]
да вроде все делал по инструкции сверху ...
сейчас изменил что бы не постоянно окно вылетало а только один раз...
теперь нужно придумать как сделать что бы оно при закрытии вылетало..
katty-cherry (08 Май 2014 - 22:22) писал:
сейчас изменил что бы не постоянно окно вылетало а только один раз...
теперь нужно придумать как сделать что бы оно при закрытии вылетало..
#11
Отправлено 08 Май 2014 - 23:05
Hardnord69 (08 Май 2014 - 22:29) писал:
Как Вы это сделали? У меня так и не получилось (((Если можно, поподробнее
[/ цитата]
да вроде все делал по инструкции сверху ...
сейчас изменил что бы не постоянно окно вылетало а только один раз...
теперь нужно придумать как сделать что бы оно при закрытии вылетало..
да вроде все делал по инструкции сверху ...
сейчас изменил что бы не постоянно окно вылетало а только один раз...
теперь нужно придумать как сделать что бы оно при закрытии вылетало..
У меня не вылезает окно почему-то.
Мои шаги- я делаю форму на респондере, потом копирую код и вставляю его в HTML моего магазина
Далее надо какой-то js документ скачать, но 1. ОН не скачивается, а просто открывается. 2. Куда его-то вставлять, я так и не поняла.
#12
Отправлено 08 Май 2014 - 23:23
У меня не вылезает окно почему-то.
Мои шаги-я делаю форму на респондере, потом копирую код и вставляю его в HTML моего магазина
Далее надо какой-то JS документ скачать, но 1. ОН не скачивается, а просто открывается. 2. Куда его-то вставлять, я так и не поняла.
[/ цитата]
содержимое выделить и вставить в блокнот и дать название popover.js
после чего уже заливать на сайт этот файл ..
#13
Отправлено 08 Май 2014 - 23:32
<script type="text/javascript" src="{ASSETS_JS_PATH}popover.js"></script>
так же на это обратите внимание
ВНИМАНИЕ! Если в начале Вашего HTML-документа присутствует тэг <DOCTYPE> , то для работы всплывающего окна необходимо заменить тэг на <DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.0 Transitional / / EN"> .
#14
Отправлено 09 Май 2014 - 10:21
#15
Отправлено 09 Май 2014 - 17:29
#20
Отправлено 12 Май 2014 - 13:42
Castiel (10 Май 2014 - 12:21) писал:
Вот инструкция: ШАГ №1: Скопируйте в буфер обмена этот HTML-код и вставьте его на HTML-страницу своего сайта сразу же перед закрывающим тегом .<script language="javascript" type="text/javascript" src="popover.js"></script>
Загрузка...
- Никакого спама, гарантируем!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных