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


Обратный Звонок


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

#1 timatit

timatit

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений
  • ГородМосква

Отправлено 16 Ноябрь 2012 - 00:19

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

#2 Vaccina

Vaccina

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

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

Отправлено 16 Ноябрь 2012 - 12:37

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

#3 Koderhan

Koderhan

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

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

Отправлено 16 Ноябрь 2012 - 12:37

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

Для начала нужно создать страницу где будет размещена форма.
В панели администратора перейти по "Сайт-> Страница".
ScreenShot 67.jpg
Затем создаем новую страницу где и будет находится наша форма.
ScreenShot 68.jpg
Заполняем страницу информацией, заголовок и содержание, остальные поля можете оставить пустыми.
ScreenShot 69.jpg
В содержании и будет храниться код 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>
ScreenShot 71.jpg
И нажмите на кнопку "Обновить".
Теперь можно сохранить страницу.
Нажав на кнопку сохранить.
ScreenShot 72.jpg


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

Теперь остается только добавить ссылку на сайт.
Это можно сделать в разделе Сайт->Меню.
ScreenShot 75.jpg
Нажимаем на "Добавить пункт меню".
В открывшимся окне. Нужно ввести заголовок и выбрать из выпадающего меню нашу созданную страницу.
А еще можно выбрать режим отображения.Это уже по вашему усмотрению.
вот как это выглядит.
ScreenShot 76.jpg
Сохраняем изменения и переходим на свой сайт.
Вот как выглядит результат на моем сайте.
Пример.
ScreenShot 77.jpg

Удачи!

#4 timatit

timatit

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений
  • ГородМосква

Отправлено 17 Ноябрь 2012 - 18:17

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

#5 Koderhan

Koderhan

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

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

Отправлено 30 Ноябрь 2012 - 09:31

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

В этом методе используется js плагин.
Скачать архив и распаковать себе на компьютер.
Прикрепленный файл  Messi-master.zip   10,49К   613 Количество загрузок:
Далее загрузить на сайт файлы 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
Присутствует глюк с повторным открытием окна. После открытия окна второй раз оно не закрывается.Решения я не смог найти если вам удастся найти решение то пожалуйста напишите в этой теме.
Спасибо.

#6 optomizkitaya

optomizkitaya

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

  • Пользователи
  • PipPipPip
  • 119 сообщений
  • ГородSpb

Отправлено 31 Январь 2013 - 21:14

 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
Присутствует глюк с повторным открытием окна. После открытия окна второй раз оно не закрывается.Решения я не смог найти если вам удастся найти решение то пожалуйста напишите про это в этой теме.
Спасибо.
сайт
сделал форму в гугле, что прописать, чтобы вкладка в меню "заказать звонок" открывалась в месси, я скрипты поставил и в хтмл прописал, не пойму что менять надо

#7 Vaccina

Vaccina

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

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

Отправлено 01 Февраль 2013 - 01:22

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

#8 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 15 Февраль 2013 - 19:39

 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;
}


#9 Koderhan

Koderhan

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

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

Отправлено 15 Февраль 2013 - 20:14

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

#10 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 15 Февраль 2013 - 20:23

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

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

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

#11 Koderhan

Koderhan

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

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

Отправлено 15 Февраль 2013 - 20:47

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

#12 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 15 Февраль 2013 - 22:52

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

#13 Vaccina

Vaccina

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

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

Отправлено 16 Февраль 2013 - 03:49

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

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

на

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


#14 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 16 Февраль 2013 - 11:06

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

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

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

на

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

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

#15 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 18 Февраль 2013 - 16:59

 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);
	
}

});


#16 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 20 Февраль 2013 - 22:01

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

#17 marina0611

marina0611

    Пользователь

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

Отправлено 02 Март 2013 - 13:03

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

#18 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 02 Март 2013 - 13:10

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

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

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

#19 rodynat

rodynat

    Пользователь

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

Отправлено 02 Март 2013 - 17:31

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

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



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

#20 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 02 Март 2013 - 17:54

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

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

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



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

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




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

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