0

Есть форма модального окна. В ней есть btn который должен открывать второе модальное окно, а первое закрывать. Я прописал это в событии onclick но оно почему-то первое закрывает, а второе не открывает. Подскажите в чем причина?

<?php get_template_part('receive_individual_payment_form'); ?>
<div class="modall modall_form"  id="calk_modal" style="display: none" >
   <a class='green-button'
   onClick="getElementById('win_popup_receive_individual_payment').removeAttribute('style');
            getElementById('win_popup_receive_individual_payment').style.display = 'block !important';" >
     <span>ОТПРАВИТЬ</span>
   </a>
</div>

receive_individual_payment_form.php:

<div id="win_popup_receive_individual_payment" style="display:none;">
  <div class="overlay_popup_receive_individual_payment"></div>
  <div class="visible_popup_receive_individual_payment" id="visible_popup_receive_individual_payment">
  <form>
    <!-- different <input> -->       
    <input type="submit" value="Отправить" onclick=" ... "><!-- some action -->
  </form>
  </div>
</div>
13
  • 2
    document.getElementById
    – user176262
    24 ноя 2017 в 14:47
  • 2
    функции лучше всего писать не inline кодом, а отдельными, нормальными функциями javascript 24 ноя 2017 в 15:45
  • @Igor, первое же окно открываются по подобному же событию...Так, что дело не в этом! 24 ноя 2017 в 15:47
  • @Александр Конечно, конечно. Успехов.
    – user176262
    24 ноя 2017 в 15:48
  • 1
    @Александр А-а-а-а. Я, наверное, плохо объяснил. В javascript-е нет глобальной функции getElementById - если только Вы ее сами не написали. Однако, у объекта document такой метод есть.
    – user176262
    24 ноя 2017 в 16:24

1 ответ 1

0

В проекте нашлось еще один вызов receive_individual_payment_form.php. И там оказалась одна погрешность:

<div class="modall modall_form"  id="calk_modal" style="display: none" >
<?php get_template_part('receive_individual_payment_form'); ?>
   <a class='green-button'
      onClick="getElementById('win_popup_receive_individual_payment').removeAttribute('style');
     <span>ОТПРАВИТЬ</span>
   </a>
</div>

Подключение файла-формы receive_individual_payment_form было внутри элемента calk_modal, что приводило к его невидимости по всему проекту.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.