Сообщений в теме: 136

[timatit]

Здравствуйте.\У меня такой вопрос можно ли добавить какойто код или службу чтобы клиента зайдя в мой магазин заказал обратный звонок. например он просто печатает свой номер наживает ок и допустим ко мне на почту приходит сообщение с этим номером и я понимаю что надо перезвонить. Если так можно сделать то пожалуйста опишите очень подробно, доступно. Спасибо.

[Vaccina]

Данный вопрос обсуждался в следующих темах форума
http://forum.storela...dpost__p__12724
http://forum.storela...dpost__p__18825

[Koderhan]

Здравствуйте.
Форму заказать звонок можно добавить используя сторонний сервис http://main-ip.ru .
Это сервис не совсем предназначен для заказа звонка но то же работает аналогично.
Пользователь оставляет свои данные на сайте и вам моментально приходит сообщение на email.
Я в данной форме оставил только 2 поля: номер телефона и комментарии.

Для начала нужно создать страницу где будет размещена форма.
В панели администратора перейти по "Сайт-> Страница".

Затем создаем новую страницу где и будет находится наша форма.

Заполняем страницу информацией, заголовок и содержание, остальные поля можете оставить пустыми.

В содержании и будет храниться код html.
Добавим код нажав на кнопку "html" (выделено синим).
Откроется окно редактирования html, вставить туда следующий код:

<center><form action="http://main-ip.ru/mail.php" method="post"><input type="hidden" name="zagol_soob" value="" />
<div style="width: 100%; text-align: left; border: 1px solid #CCCCCC; border-radius: 8px; font: 12px tahoma, verdana; background: #F5F5F5;">
<div style="text-align: center; background: #389EB9; border-radius: 8px 8px 0px 0px; color: #ffffff; padding: 5px 5px 5px 5px;">ОБРАТНАЯ СВЯЗЬ</div>
<div style="padding: 8px 20px 0px 20px;">Номер телефона</div>
<div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="pole_1a" maxlength="900" /> <input type="hidden" name="pole_1b" value="Номер телефона" /></div>
<div style="padding: 8px 20px 0px 20px;">Комментарий</div>
<div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" name="text"> </textarea></div>
<div style="overflow: auto; width: 100%; margin-top: 10px;">
<div style="float: left; padding: 10px 0px 10px 20px; margin-right: 20px;">Число на картинке<br /> <input style="width: 220px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="captcha" maxlength="12" /></div>
<div style="padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img src="http://main-ip.ru/captcha.php" alt="" border="0" /></a></div>
</div>
<div style="padding: 5px 20px 15px 20px; text-align: right; width: 358px;"><input class="blgreen" style="cursor: pointer; width: 200px;" type="submit" value="Отправить" /></div>
</div>
</form></center>

И нажмите на кнопку "Обновить".
Теперь можно сохранить страницу.
Нажав на кнопку сохранить.



Ваша страница готова. Но, для формы нужно указать куда отправлять сообщения.
Нужно пройти простую регистрацию на http://main-ip.ru/genform/register/
Там просить ввести полный адрес страницы (это адрес нашей созданной страницы.).
Сайт-> Страница.

Копируем ссылку на ту страницу где у нас форма.
И вставляем на сайт регистрации (http://main-ip.ru/genform/register/).

Вводим свой email адрес на который будут приходить номера от пользователей и жмем на "Регистрация".
Должно высветиться сообщение об успешной регистрации.

Теперь остается только добавить ссылку на сайт.
Это можно сделать в разделе Сайт->Меню.

Нажимаем на "Добавить пункт меню".
В открывшимся окне. Нужно ввести заголовок и выбрать из выпадающего меню нашу созданную страницу.
А еще можно выбрать режим отображения.Это уже по вашему усмотрению.
вот как это выглядит.

Сохраняем изменения и переходим на свой сайт.
Вот как выглядит результат на моем сайте.
Пример.


Удачи!

[timatit]

Спасибо большое, все получилось с первого раза, очень подробно и доходчиво.

[Koderhan]

Как добавить форму обратного звонка на всплывающее окно.
Чтобы форма всплывала в новом окне.
Пример такого отображения.

Перед добавлением формы необходимо выполнить инструкции из поста написанного выше.
http://forum.storela...нок/#entry31876

В этом методе используется js плагин.
Скачать архив и распаковать себе на компьютер.
 Messi-master.zip   10,49К   574 Количество загрузок:
Далее загрузить на сайт файлы messi.js и messi.css.

В файле HTML после кода:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

Прописать код:

<script type="text/javascript" src="{ASSETS_JS_PATH}messi.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}messi.css" type="text/css" />

Это мы подключили плагин messi на сайт.

Окно с формой будет выводиться при клике на кнопку.
Код кнопки которую можно установить на любую страницу сайта.Главное установить ссылку между <body>.
Код:

<a class="zvonoc" href="#">Заказать звонок </a>

В файл html до завершающего тега </head> добавить код:

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
$(".zvonoc").click(function() {
new Messi('<center><form action="http://main-ip.ru/mail.php" method="post"><input type="hidden" name="zagol_soob" value="" /><div style="width: 100%; text-align: left; border: 1px solid #CCCCCC; border-radius: 8px; font: 12px tahoma, verdana; background: #F5F5F5;"><div style="text-align: center; background: #389EB9; border-radius: 8px 8px 0px 0px; color: #ffffff; padding: 5px 5px 5px 5px;">ОБРАТНАЯ СВЯЗЬ</div><div style="padding: 8px 20px 0px 20px;">Номер телефона</div><div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="pole_1a" maxlength="900" /><input type="hidden" name="pole_1b" value="Номер телефона" /></div><div style="padding: 8px 20px 0px 20px;">Комментарий</div><div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" name="text"> </textarea></div><div style="overflow: auto; width: 100%; margin-top: 10px;"><div style="float: left; padding: 10px 0px 10px 20px; margin-right: 20px;">Число на картинке<br /> <input style="width: 220px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="captcha" maxlength="12" /></div><div style="padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img src="http://main-ip.ru/captcha.php" alt="" border="0" /></a></div></div><div style="padding: 5px 20px 15px 20px; text-align: right; width: 358px;"><input class="blgreen" style="cursor: pointer; width: 200px;" type="submit" value="Отправить" /></div></div></form></center>',{title: 'Title', titleClass: 'info', buttons: [{id: 0, label: 'Close', val: 'X'}]} );
return false;
}
);
});
// ]]></script>

p.s
Присутствует глюк с повторным открытием окна. После открытия окна второй раз оно не закрывается.Решения я не смог найти если вам удастся найти решение то пожалуйста напишите в этой теме.
Спасибо.

[optomizkitaya]

Koderhan (30 Ноябрь 2012 - 09:31) писал:

Как добавить форму обратного звонка на всплывающее окно.
Чтобы форма всплывала в новом окне.
Пример такого отображения.
ScreenShot 178.jpg
Перед добавлением формы необходимо выполнить инструкции из поста написанного выше.
http://forum.storela...нок/#entry31876

В этом методе используется js плагин.
Скачать архив и распаковать себе на компьютер.
Messi-master.zip
Далее загрузить на сайт файлы messi.js и messi.css.

В файле HTML после кода:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

Прописать код:

<script type="text/javascript" src="{ASSETS_JS_PATH}messi.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}messi.css" type="text/css" />

Это мы подключили плагин messi на сайт.

Окно с формой будет выводиться при клике на кнопку.
Код кнопки которую можно установить на любую страницу сайта.Главное установить ссылку между <body>.
Код:

<a class="zvonoc" href="#">Заказать звонок </a>

В файл html до завершающего тега </head> добавить код:

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
$(".zvonoc").click(function() {
new Messi('<center><form action="http://main-ip.ru/mail.php" method="post"><input type="hidden" name="zagol_soob" value="" /><div style="width: 100%; text-align: left; border: 1px solid #CCCCCC; border-radius: 8px; font: 12px tahoma, verdana; background: #F5F5F5;"><div style="text-align: center; background: #389EB9; border-radius: 8px 8px 0px 0px; color: #ffffff; padding: 5px 5px 5px 5px;">ОБРАТНАЯ СВЯЗЬ</div><div style="padding: 8px 20px 0px 20px;">Номер телефона</div><div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="pole_1a" maxlength="900" /><input type="hidden" name="pole_1b" value="Номер телефона" /></div><div style="padding: 8px 20px 0px 20px;">Комментарий</div><div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" name="text"> </textarea></div><div style="overflow: auto; width: 100%; margin-top: 10px;"><div style="float: left; padding: 10px 0px 10px 20px; margin-right: 20px;">Число на картинке<br /> <input style="width: 220px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="captcha" maxlength="12" /></div><div style="padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img src="http://main-ip.ru/captcha.php" alt="" border="0" /></a></div></div><div style="padding: 5px 20px 15px 20px; text-align: right; width: 358px;"><input class="blgreen" style="cursor: pointer; width: 200px;" type="submit" value="Отправить" /></div></div></form></center>',{title: 'Title', titleClass: 'info', buttons: [{id: 0, label: 'Close', val: 'X'}]} );
return false;
}
);
});
// ]]></script>

p.s
Присутствует глюк с повторным открытием окна. После открытия окна второй раз оно не закрывается.Решения я не смог найти если вам удастся найти решение то пожалуйста напишите про это в этой теме.
Спасибо.

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

[Vaccina]

Почитайте следующую тему форума http://forum.storela...__60#entry41005

[Дмитрий К]

Koderhan (30 Ноябрь 2012 - 09:31) писал:

Как добавить форму обратного звонка на всплывающее окно.
Чтобы форма всплывала в новом окне.
Пример такого отображения.
ScreenShot 178.jpg
Перед добавлением формы необходимо выполнить инструкции из поста написанного выше.
http://forum.storela...нок/#entry31876

В этом методе используется js плагин.
Скачать архив и распаковать себе на компьютер.
Messi-master.zip
Далее загрузить на сайт файлы messi.js и messi.css.

В файле HTML после кода:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

Прописать код:

<script type="text/javascript" src="{ASSETS_JS_PATH}messi.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}messi.css" type="text/css" />

Это мы подключили плагин messi на сайт.

Окно с формой будет выводиться при клике на кнопку.
Код кнопки которую можно установить на любую страницу сайта.Главное установить ссылку между <body>.
Код:

<a class="zvonoc" href="#">Заказать звонок </a>

В файл html до завершающего тега </head> добавить код:

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
$(".zvonoc").click(function() {
new Messi('<center><form action="http://main-ip.ru/mail.php" method="post"><input type="hidden" name="zagol_soob" value="" /><div style="width: 100%; text-align: left; border: 1px solid #CCCCCC; border-radius: 8px; font: 12px tahoma, verdana; background: #F5F5F5;"><div style="text-align: center; background: #389EB9; border-radius: 8px 8px 0px 0px; color: #ffffff; padding: 5px 5px 5px 5px;">ОБРАТНАЯ СВЯЗЬ</div><div style="padding: 8px 20px 0px 20px;">Номер телефона</div><div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="pole_1a" maxlength="900" /><input type="hidden" name="pole_1b" value="Номер телефона" /></div><div style="padding: 8px 20px 0px 20px;">Комментарий</div><div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" name="text"> </textarea></div><div style="overflow: auto; width: 100%; margin-top: 10px;"><div style="float: left; padding: 10px 0px 10px 20px; margin-right: 20px;">Число на картинке<br /> <input style="width: 220px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="captcha" maxlength="12" /></div><div style="padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img src="http://main-ip.ru/captcha.php" alt="" border="0" /></a></div></div><div style="padding: 5px 20px 15px 20px; text-align: right; width: 358px;"><input class="blgreen" style="cursor: pointer; width: 200px;" type="submit" value="Отправить" /></div></div></form></center>',{title: 'Title', titleClass: 'info', buttons: [{id: 0, label: 'Close', val: 'X'}]} );
return false;
}
);
});
// ]]></script>

p.s
Присутствует глюк с повторным открытием окна. После открытия окна второй раз оно не закрывается.Решения я не смог найти если вам удастся найти решение то пожалуйста напишите про это в этой теме.
Спасибо.

У меня возникло 2 проблемы с этим способом.
1.При попытке заменить код скрипта, что-бы он выводил окошко с моими параметрами он перестает работать.
Заменяю

<center><form action="http://main-ip.ru/mail.php" method="post"><input type="hidden" name="zagol_soob" value="" /><div style="width: 100%; text-align: left; border: 1px solid #CCCCCC; border-radius: 8px; font: 12px tahoma, verdana; background: #F5F5F5;"><div style="text-align: center; background: #389EB9; border-radius: 8px 8px 0px 0px; color: #ffffff; padding: 5px 5px 5px 5px;">ОБРАТНАЯ СВЯЗЬ</div><div style="padding: 8px 20px 0px 20px;">Номер телефона</div><div style="padding: 1px 20px 0px 20px;"><input style="width: 358px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="pole_1a" maxlength="900" /><input type="hidden" name="pole_1b" value="Номер телефона" /></div><div style="padding: 8px 20px 0px 20px;">Комментарий</div><div style="padding: 1px 20px 0px 20px;"><textarea style="width: 358px; height: 100px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" name="text"> </textarea></div><div style="overflow: auto; width: 100%; margin-top: 10px;"><div style="float: left; padding: 10px 0px 10px 20px; margin-right: 20px;">Число на картинке<br /> <input style="width: 220px; height: 20px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #191970; border-radius: 5px;" type="text" name="captcha" maxlength="12" /></div><div style="padding: 10px 20px 10px 0px;"><a href="http://main-ip.ru/"><img src="http://main-ip.ru/captcha.php" alt="" border="0" /></a></div></div><div style="padding: 5px 20px 15px 20px; text-align: right; width: 358px;"><input class="blgreen" style="cursor: pointer; width: 200px;" type="submit" value="Отправить" /></div></div></form></center>

НА

<center><form action="http://main-ip.ru/mail.php" method="post"><input type="hidden" name="zagol_soob" value="" />
<div style="width:400px; text-align:left; border:1px solid #000000; color:#000000; font:12px tahoma, verdana; background:#ffffff;">
<div style="text-align:center; background:#F5F5F5; border:1px solid #ffffff; color:#000000; padding:5px 5px 5px 5px;">Заказать обратный звонок</div>
<div style="border-top:solid 1px #000000; padding:8px 20px 0px 20px;">Ваше имя</div>
<div style="padding:1px 20px 0px 20px;">
<input name="name" type="text" style="width:358px; height:20px; background:#ffffff; border:1px solid #000000; color:#000000;" maxlength="50" />
</div>
<div style="padding:8px 20px 0px 20px;">Ваш телефон</div>
<div style="padding:1px 20px 0px 20px;">
<textarea name="text" style="width:358px; height:20px; background:#ffffff; border:1px solid #000000; color:#000000;"> </textarea>
</div>
<div style="overflow:auto; width:100%;">
<div style="float:left; padding:10px 0px 10px 20px;">Число на картинке<br />
<input name="captcha" type="text" style="width:220px; height:20px; background:#ffffff; border:1px solid #000000; color:#000000;" maxlength="12" />
</div>
<div style="float:right; padding:10px 20px 10px 0px;">
<a href="http://main-ip.ru/"><img border="0" src="http://main-ip.ru/captcha.php" /></a>
</div>
</div>
<div style="padding:5px 20px 15px 20px; text-align:center;">
<input type="submit" value="Отправить" style="cursor:pointer; width:200px; height:35px; font:15px tahoma;" />
</div>
</div></form></center>

Перестает работать.

2.При попытке задать параметры в css тоже перестает работать.
В css пишу

.zvonoc {
position:absolute;
top:10px;
left:600px;
}

[Koderhan]

Вы так же можете создать окно "Заказать обратный звонок " на новой странице и добавить эту страницу в меню.
Так будет намного проще.
Вам достаточно будет добавить код через редактор HTML на этой странице.

[Дмитрий К]

Koderhan (15 Февраль 2013 - 20:14) писал:

Вы так же можете создать окно "Заказать обратный звонок " на новой странице и добавить эту страницу в меню.
Так будет намного проще.
Вам достаточно будет добавить код через редактор HTML на этой странице.

На отдельной странице я уже эту форму создал, но хотелось бы во всплывающем окне.

[Koderhan]

Скрипт окошка не выполнялся по тому что в коде html были переносы на следующею строку по клавише enter.
Вы можете записать весь скрипт в одну строку и должно заработать.

[Дмитрий К]

Скрипт заработал после написания в строчку, осталась вторая проблема, при попытке задать параметры в css  перестает работать.
В css пишу
.zvonoc {
position:absolute;
top:10px;
left:600px;
}

[Vaccina]

Замените ваш класс

.zvonoc {
	left: 600px;
	position: absolute;
	top: 10px;
}

на

.zvonoc {
	left: 600px;
	position: absolute;
	top: 10px;
	z-index: 2;
}

[Дмитрий К]

Vaccina (16 Февраль 2013 - 03:49) писал:

Замените ваш класс

.zvonoc {
left: 600px;
position: absolute;
top: 10px;
}

на

.zvonoc {
left: 600px;
position: absolute;
top: 10px;
z-index: 2;
}

Очередной раз спасибо! Заработало.

[Дмитрий К]

Koderhan (30 Ноябрь 2012 - 09:31) писал:

p.s
Присутствует глюк с повторным открытием окна. После открытия окна второй раз оно не закрывается.Решения я не смог найти если вам удастся найти решение то пожалуйста напишите про это в этой теме.
Спасибо.

Нашел решение глюка с повторным открытием окна.
В messi.js было  несколько строчек с опечаткам, и нескольких не хватало.
Загрузить фаил .js почему-то нельзя, поэтому
вот рабочий код скрипта:

function Messi(data, options) {

var _this = this;
_this.options = jQuery.extend({}, Messi.prototype.options, options || {});

// preparamos el elemento
_this.messi = jQuery(_this.template);
_this.setContent(data);

// ajustamos el título
if(_this.options.title == null) {

jQuery('.messi-titlebox', _this.messi).remove();

} else {

jQuery('.messi-title', _this.messi).append(_this.options.title);

if(_this.options.buttons.length === 0 && !_this.options.autoclose) {

	 if(_this.options.closeButton) {
	 var close = jQuery('<span class="messi-closebtn"></span>');
	 close.bind('click', function() {
		 _this.hide();
	 });
	
	 jQuery('.messi-titlebox', this.messi).prepend(close);
	
	 };

};

if(_this.options.titleClass != null) jQuery('.messi-titlebox', this.messi).addClass(_this.options.titleClass);

};

// ajustamos el ancho
if(_this.options.width != null) jQuery('.messi-box', _this.messi).css('width', _this.options.width);

// preparamos los botones
if(_this.options.buttons.length > 0) {

for (var i = 0; i < _this.options.buttons.length; i++) {
	
	 var cls = (_this.options.buttons[i].class) ? _this.options.buttons[i].class : '';
	 var btn = jQuery('<div class="btnbox"><button class="btn ' + cls + '" href="#">' + _this.options.buttons[i].label + '</button></div>').data('value', _this.options.buttons[i].val);
	 btn.bind('click', function() {
	 var value = jQuery.data(this, 'value');
	 var after = (_this.options.callback != null) ? function() { _this.options.callback(value); } : null;
	 _this.hide(after);
	 });

	 jQuery('.messi-actions', this.messi).append(btn);

};

} else {

jQuery('.messi-footbox', this.messi).remove();

};

// preparamos el botón de cerrar automáticamente
if(_this.options.buttons.length === 0 && _this.options.title == null && !_this.options.autoclose) {

if(_this.options.closeButton) {
	 var close = jQuery('<span class="messi-closebtn"></span>');
	 close.bind('click', function() {
	 _this.hide();
	 });
	
	 jQuery('.messi-content', this.messi).prepend(close);
	
};

};

// activamos la pantalla modal
_this.modal = (_this.options.modal) ? jQuery('<div class="messi-modal"></div>').css({opacity: _this.options.modalOpacity, width: jQuery(document).width(), height: jQuery(document).height(), 'z-index': _this.options.zIndex + jQuery('.messi').length}).appendTo(document.body) : null;

// mostramos el mensaje
if(_this.options.show) _this.show();

// controlamos el redimensionamiento de la pantalla
jQuery(window).bind('resize', function(){ _this.resize(); });

// configuramos el cierre automático
if(_this.options.autoclose != null) {
setTimeout(function(_this) {
	 _this.hide();
}, _this.options.autoclose, this);
};

return _this;

};
Messi.prototype = {
options: {
autoclose: null, // autoclose message after 'x' miliseconds, i.e: 5000
buttons: [], // array of buttons, i.e: [{id: 'ok', label: 'OK', val: 'OK'}]
callback: null, // callback function after close message
center: true, // center message on screen
closeButton: true, // show close button in header title (or content if buttons array is empty).
height: 'auto', // content height
title: null, // message title
titleClass: null, // title style: info, warning, success, error
modal: false, // shows message in modal (loads background)
modalOpacity: .2, // modal background opacity
padding: '10px', // content padding
show: true, // show message after load
unload: true, // unload message after hide
viewport: {top: '0px', left: '0px'}, // if not center message, sets X and Y position
width: '500px', // message width
zIndex: 99999 // message z-index
},
template: '<div class="messi"><div class="messi-box"><div class="messi-wrapper"><div class="messi-titlebox"><span class="messi-title"></span></div><div class="messi-content"></div><div class="messi-footbox"><div class="messi-actions"></div></div></div></div></div>',
content: '<div></div>',
visible: false,

setContent: function(data) {
jQuery('.messi-content', this.messi).css({padding: this.options.padding, height: this.options.height}).empty().append(data);
},

viewport: function() {

return {
	 top: ((jQuery(window).height() - this.messi.height()) / 2) + jQuery(window).scrollTop() + "px",
	 left: ((jQuery(window).width() - this.messi.width()) / 2) + jQuery(window).scrollLeft() + "px"
};

},

show: function() {
if(this.visible) return;

if(this.options.modal && this.modal != null) this.modal.show();
this.messi.appendTo(document.body);

// obtenemos el centro de la pantalla si la opción de centrar está activada
if(this.options.center) this.options.viewport = this.viewport(jQuery('.messi-box', this.messi));

this.messi.css({top: this.options.viewport.top, left: this.options.viewport.left, 'z-index': this.options.zIndex + jQuery('.messi').length}).show().animate({opacity: 1}, 300);

// cancelamos el scroll
//document.documentElement.style.overflow = "hidden";

this.visible = true;

},

hide: function(after) {

if (!this.visible) return;
var _this = this;

this.messi.animate({opacity: 0}, 300, function() {
	 if(_this.options.modal && _this.modal != null) _this.modal.remove();
	 _this.messi.css({display: 'none'}).remove();
	 // reactivamos el scroll
	 //document.documentElement.style.overflow = "visible";
	 _this.visible = false;
	 if (after) after.call();
	 if(_this.options.unload) _this.unload();
});

return this;

},

resize: function() {
if(this.options.modal) {
	 jQuery('.messi-modal').css({width: jQuery(document).width(), height: jQuery(document).height()});
};
if(this.options.center) {
	 this.options.viewport = this.viewport(jQuery('.messi-box', this.messi));
	 this.messi.css({top: this.options.viewport.top, left: this.options.viewport.left});
};
},

toggle: function() {
this[this.visible ? 'hide' : 'show']();
return this;
},

unload: function() {
if (this.visible) this.hide();
jQuery(window).unbind('resize', function () { this.resize(); });
this.messi.remove();
},
};
// llamadas especiales
jQuery.extend(Messi, {
alert: function(data, callback, options) {
	
	 var buttons = [{id: 'ok', label: 'OK', val: 'OK'}];
	
	 options = jQuery.extend({closeButton: false, buttons: buttons, callback:function() {}}, options || {}, {show: true, unload: true, callback: callback});
	
	 return new Messi(data, options);
	
},

ask: function(data, callback, options) {

var buttons = [
	 {id: 'yes', label: 'Yes', val: 'Y', class: 'btn-success'},
	 {id: 'no', label: 'No', val: 'N', class: 'btn-danger'},
];

options = jQuery.extend({closeButton: false, modal: true, buttons: buttons, callback:function() {}}, options || {}, {show: true, unload: true, callback: callback});

return new Messi(data, options);
	
},

img: function(src, options) {

var img = new Image();

jQuery(img).load(function() {

	 var vp = {width: jQuery(window).width() - 50, height: jQuery(window).height() - 50};
	 var ratio = (this.width > vp.width || this.height > vp.height) ? Math.min(vp.width / this.width, vp.height / this.height) : 1;

	 jQuery(img).css({width: this.width * ratio, height: this.height * ratio});
	
	 options = jQuery.extend(options || {}, {show: true, unload: true, closeButton: true, width: this.width * ratio, height: this.height * ratio, padding: 0});
	 new Messi(img, options);

}).error(function() {

	 console.log('Error loading ' + src);

}).attr('src', src);
	
},

load: function(url, options) {
	
options = jQuery.extend(options || {}, {show: true, unload: true, params: {}});

var request = {
	 url: url,
	 data: options.params,
	 dataType: 'html',
	 cache: false,
	 error: function (request, status, error) {
	 console.log(request.responseText);
	 },
	 success: function(html) {
	 //html = jQuery(html);
	 new Messi(html, options);
	 }
};

jQuery.ajax(request);
	
}

});

[Дмитрий К]

Столкнулся с проблемой : в хроме не вызывается всплывающее окно messi. При том что в firefox все работает.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
Проблема решена.

[marina0611]

Добрый день! Подскажите, пжл! Установила на странице сайт форму звонка через main.ip, но регистрацию пройти не получается, система говорит, что на указанной странице код формы не найден. В main.ip отвечают на это, что некорректно скопирован код формы (что я проверила несколько раз, все в порядке), либо ваша система управления заменяет какие то компоненты формы..Что это может быть?

[Дмитрий К]

marina0611 (02 Март 2013 - 13:03) писал:

Добрый день! Подскажите, пжл! Установила на странице сайт форму звонка через main.ip, но регистрацию пройти не получается, система говорит, что на указанной странице код формы не найден. В main.ip отвечают на это, что некорректно скопирован код формы (что я проверила несколько раз, все в порядке), либо ваша система управления заменяет какие то компоненты формы..Что это может быть?

Для начала нужна ссылка на ваш сайт.

[rodynat]

Вставила форму подписки с генератора форм, а после сохранения получаю такое сообщение.

В тексте найдена загрузка скрипта с удалённого хостинга, с домена www.formm.ru
Обычно таким образом распространяют вирусы. Если Вы не добавляли данный код вручную в HTML коде, то вероятно ваш компьютер заражён вирусом,
который вставляет подобные коды в отправляемые Вами формы. Настоятельно рекомендуем пройти проверку компьютера антивирусом.
Если же данный код был добавлен самостоятельно, сначала закачайте данный скрипт в раздел «Сайт» > «Редактор тем» и затем укажите загрузку скрипта с вашего сайта.


Куда именно нужно вставить код подписки, чтобы все работало?

[Дмитрий К]

rodynat (02 Март 2013 - 17:31) писал:

Вставила форму подписки с генератора форм, а после сохранения получаю такое сообщение.

В тексте найдена загрузка скрипта с удалённого хостинга, с домена www.formm.ru
Обычно таким образом распространяют вирусы. Если Вы не добавляли данный код вручную в HTML коде, то вероятно ваш компьютер заражён вирусом,
который вставляет подобные коды в отправляемые Вами формы. Настоятельно рекомендуем пройти проверку компьютера антивирусом.
Если же данный код был добавлен самостоятельно, сначала закачайте данный скрипт в раздел «Сайт» > «Редактор тем» и затем укажите загрузку скрипта с вашего сайта.


Куда именно нужно вставить код подписки, чтобы все работало?

Нужно вставлять этот код либо на новую страницу, либо во всплывающее окно.
Прочитайте 3 и 5 пост этой темы.