Показать сообщение отдельно
  #1 (permalink)  
Старый 14.01.2016, 09:47
Новичок на форуме
Отправить личное сообщение для bstpan Посмотреть профиль Найти все сообщения от bstpan
 
Регистрация: 14.01.2016
Сообщений: 4

Вопрос новичка по popap-ам
Всем хорошего дня!

У меня возникла некоторая проблемка

Скажу сразу, в Java не силен совсем, немного программирую на Питоне, поэтому скорее всего вопрос мой будет глупым)

Собственно суть: пытаюсь сделать несколько кнопок на сайте, по клику на которые открывается форма обратной связи в попапе. Нашел скрипт в интернете, использовал на всех страницах, работало нормально, форма по клику открывается - в форме все обрабатывается, письмо идет. Но, когда попытался сделать 2-3 кнопки на одной странице - появилась проблема.

При нажатии на 1ю кнопку скрипт нормально работает, как нужно. При нажатии на 2ю кнопку и более, скрипт на долю секунды открывает попап с форомой и перезагружает страницу. Пробовал и delay и функции с задержкой - не помогает. Скрипт простой:

<script>
 
 
    $('.open_popup').click(function() {
        var popup_id = $('#' + $(this).attr("rel"));
        $(popup_id).show();
        $('.overlay2').show();
    })
 
 
    $('.popup .close, .overlay2').click(function() {
        $('.overlay2, .popup').hide();
    })
 
</script>


Вот, собственно вызов его

<div align="center">
<span class="open_popup" rel="popup1"> <button class="knopka" value="Отправить заявку"> Отправить заявку </button> </span>
</div>

<div class="overlay2"></div>

<div class="popup" id="popup1">
<span class="close">X</span>
ФОРМА
</div>
</div>


Последующие кнопки имеют похожий код вызова, только popup2 и тд, но долю секунды они открывают нужную форму

Кто-нибудь может подсказать, как сделать так, что бы при нажатии 2й кнопки и 3й происходило тоже, что и в первом случае, то есть, не было перезагрузки страницы)
Ответить с цитированием