Question

Добрый день! Установил бесплатный шаблон и теперь хочу чтобы нажатия на кнопки сопровождались открытием, например, аякс окна с почтовой формой. Перепробовал много вариантов из интернета и ничего не сработало. Все прописывается, но при нажатии на кнопки результата не было вообще. Прикрепляю коды в которые я хочу вбить открытие почтовой формы:

<a href="http://uprosite.my1.ru/load" class="use-btn animated fadeInUp">Скачать</a>
 <a href="#about" class="learn-btn animated fadeInUp">Узнать больше <i class="fa fa-arrow-down"></i></a>

код взят из шаблона. Моих изменений в нем нет.

Comments

Давайте так. Вы пишете название кнопок где нужно вызывать окна, а я вам код. Просто сейчас там бред)

---

Александр Леонов,

Давайте. "СКАЧАТЬ", "УЗНАТЬ БОЛЬШЕ","ЗАГРУЗИТЬ", ниже под словом "насмотрелись" кнопка СКАЧАТЬ, и, самое главное, в верхнем правом углу после нажатия кнопки меню все четыре квадрата должны так же ссылаться на форму
СПАСИБО заранее

Answer 1

1) В глобальный блок "Нижняя часть сайта" добавляете

<div id="my-form" style="display:none">тут код формы</div>

где "тут код формы" - код вашей формы соответсвенно

2) В тот же блок ниже

<script>
$('.fancybox-form').on('click', function(){
$.fancybox('#my-form');
});
</script>

3) Всем кнопкам, которые должны открывать почтовую форму добавляете класс .fancybox-form

Примеры:

было
 

<a href="google.ru">Моя ссылка 1</a>
<a href="ya.ru" class="my-link">Моя ссылка 2</a>

стало

<a href="google.ru" class="fancybox-form">Моя ссылка 1</a>
<a href="ya.ru" class="my-link fancybox-form">Моя ссылка 2</a>

 

Comments

Спасибо! Все работает!

Answer 2

Смотрите.

На нужной странице в любое место ставите 

<div style="display:none;" id="window1">$MFORM_1$</div>

Если нужно ставить несколько форм, то значит несколько таких блоков. Не забываем про номер формы.

В саму кнопку прописываем onclick="openwindow(1); return false", т.е. должно быть типа

<a href="//javascript" onclick="openwindow(1); return false" class="use-btn animated fadeInUp">Скачать</a>

В данном случае, 1 - это номер формы. Т.е. мы откроем форму $MFORM_1$. Обратите внимание так же на id window1. Оно так же должно соответствовать номеру формы. Если это $MFORM_9$, то и id должен быть window9. 

Далее так же вставляете скрипт (его нужно вставить только один раз на странице)

<script type="text/javascript"> 
function openwindow(form_id){
    new _uWnd (
        'form',
        'Название окна',
        500,
        500,
        {
            align:0,
            shadow:0,
            close:1,
            autosize:1,
            maxh:500,
            minh:100,
            resize:1
        },
        $("#window" + form_id).html() )} 
</script> 

 

Comments

Только ответ ниже будет все время открывать одну и ту же форму. В моем варианте можно повесить формы разные. Кроме того, предложенный вариант, будет грузиться на кадой странице. Даже там где не нужно. Что будет "способствовать" быстрой загрузке сайта

---

Александр Леонов,

Спасибо большое! Но почему-то Ваш вариант не прошел, срабатывает первый вариант.