Как в data-title вставить php код?

Question

[alexus47]

Есть сайт на WP, сделано модальное окно, в data-title лежит html код обратной формы. Теперь скачан плагин Contact form 7, сделана обратная форма и есть шорткод в виде <?php echo do_shortcode( '[contact-form-7 id="30" title="Контактная форма"]' ); ?>, как вставить данный шорткод в data-title?

<div class="button">
<a href="#" data-toggle="adaptive-modal" data-title="
  <div class='forms'>
   <form>
    <div class='cols'>
	<input type='text' placeholder='Ваш телефон'>
	<input type='text' placeholder='Ваш E-mail'>
	<input type='text' placeholder='Ваше имя'>
     </div>
     <div class='cols'>
	<textarea placeholder='Введите сообщение...' rows='10'></textarea>
      </div>
  <input type='button' value='Отправить'>
 </form>
</div>">
 Записаться</a>
</div>

Comments

[Роман Дворянов]

А зачем вы в атрибут хотите разметку засунуть?

[alexus47]

Роман Дворянов, так было изначально сделано модальное окно, теперь чтобы долго не разбираться с js и не изменять визуальную часть модального окна, приходится так извращаться

[Роман Дворянов]

Тогда

data-title="<?php echo do_shortcode( '[contact-form-7 id="30" title="Контактная форма"]' ); ?>"

[alexus47]

Роман Дворянов, так пробовал, сайт ехать начинает

[Роман Дворянов]

alexus47, конечно, вы же разметку в атрибут суете, я поэтому и спросил зачем)

[Роман Дворянов]

alexus47, может вам туда нужно текстом этот шорткод вставить, а не то, что за ним скрывается? Что потом с ним должно происходить? js-ом берете значение и куда-то вставляете или как?

[alexus47]

Роман Дворянов, Сейчас попробую объяснить, Contact Form 7 это плагин на wordpress, в нем делается обратная форма чтобы письма в спам не залетали, в общем самому не нужно писать обработчики и т.д. Вот сейчас сделана обратная форма и плагин дает данный шорт код, под стилистику как и должна быть на макете (вот кстати собственно сам сайт taxi.w-13.ru, в блоке записаться на курсы, кнопка записаться ), только сейчас там написано на html и эта форма не рабочая. Шорткод подкидывает свою html разметку со своими обработчиками и все работает (внизу сайта есть обратная форма сделана на шорткоде)

[Роман Дворянов]

alexus47, я знаю как работает эта контакт форма и шорткоды в вордпрессе, мне непонятно зачем этот шорткод именно в хтмл атрибут совать? Если вы хотите где-то ее вывести, выведите, но не в атрибуте же, а в разметке, типа

<div>
  <h1>Пишите нам</h1>

  <?php echo do_shortcode( '[contact-form-7 id="30" title="Контактная форма"]' ); ?>
</div>

Или внутри вордпресса на странице в визуальном редакторе

Пишите нам!

[contact-form-7 id="30" title="Контактная форма"]

[WapSter]

alexus47, ты малость тэгами тогда ошибся. Это больше по wordpress, чем html. Кстати нельзя сувать в атрибуты html разметку, только строки.

[alexus47]

WapSter, Роман Дворянов, т.е. лучше переписать это модальное окно, сделать отдельным div-ом?

[WapSter]

alexus47, без понятия. У тебя есть задача делай. Я лишь сказал, что нельзя сувать html разметку в атрибуты. Прими это и сделай задачу без данного костыля, так как верстка в этом случае себя может вести вообще не корректно. К тому же на сколько я помню на contact form 7 можно кидать данные и без использования шорткода.

[Роман Дворянов]

alexus47, вы можете вставить в текущее модальное окно, но не в атрибут, а скорее в тот контейнер с модальным окном, который вызывается по ссылке

[alexus47]

Роман Дворянов, тоже как вариант, попробую поковыряться в js может разберусь. Если не получится, тогда придется переписать модальное окно

[Роман Дворянов]

alexus47, ну судя по тому, что вы собираетесь ковыряться в js, а не в php файлах, то тут скорей особенность не контакт-формы или шорткодов вордпресса, а в том, что вы используете adaptive-modal библиотеку, которая судя по ее демке принимает в title в том числе и разметку, но почему едет конкретно в вашем случае, нужно тыкать и смотреть.

UPD: Проверьте все ли теги закрыты, все ли кавычки на местах с обеих сторон