JQuery всплывающие проблемы - PullRequest
Новая
       9

JQuery всплывающие проблемы

0 голосов
/ 29 января 2011

Я создаю сайт по шаблону, который я купил у ТМ для салона красоты!

Я хочу создать онлайн-форму для бронирования с проверкой типа службы имени номера, но у меня возникают проблемы с открытием ссылки, которая будет отображаться также с использованием jquery НЕ html

как мне это исправить ... какой код мне нужно вставить, чтобы при нажатии кнопки "ЗАБРОНИРОВАТЬ СЕЙЧАС" в центре страницы появлялось всплывающее окно с запросом, и на нем была форма бронирования ... .

Я гуглил и гуглил, но для меня все это ново, как в NOOB на jquery ....

вот живая демонстрация шаблона

(шаблон ссылки для демонстрации http://osc4.template -help.com / wt_31562 / index.html # )

и вот код, где я пытаюсь разместить всплывающее JQuery 

<dt class="dt3"><a href="#"></a><img src="images/shadow.png" alt="" class="shadow"></dt>
<dd id="page3">
  <div class="inner">
    <div class="content">
      <section class="col-1">
        <h2>our services</h2>
        <p>Vintage Beauty</p>
        <p class="dark">We offer Free Consultation for Botox, Fillers, Medical Skin Peels, Cosmetic Surgery
          <br> & also specialise n body and skin care.
          </p>
        <img src="images/page2-img1.png" alt="" class="p2"> <a href="#" class="more">view more</a> </section>
      <section class="col-2">
        <h2>services</h2>
        <ul class="list p2">
         <li><a href="#">Fish Pedicures</a></li>
          <li><a href="#">Manicures</a></li>
          <li><a href="#">Pedicures</a></li>
          <li><a href="#">Waxing</a></li>
          <li><a href="#">Threading</a></li>
          <li><a href="#">Tanning</a></li>
          <li><a href="#">Body Massage</a></li>
          <li><a href="#">Nail/Eye Extensions</a></li>
          <li><a href="#">Eye Lash/Brow Tinting</a></li>
          <li><a href="#">Twinkle Toes</a></li>
          <li><a href="#">Teeth Whitening Kits</a></li>
          <li><a href="#">Hot Wax Specialists</a></li>
        </ul>
        **<a href="#" class="more">BOOK ONLINE NOW</a> </section>**
    </div>
  </div>
</dd>

1 Ответ

0 голосов
/ 29 января 2011

Я предполагаю, что любой используемый плагин для всплывающего окна поддерживает iframe. Найдите веб-сайт плагина и проверьте страницу документации, чтобы увидеть, если это так. Если нет, то Google: 'лайтбокс jquery plugin', вы найдете более чем достаточно вариантов.

Вот мельчайшая песчинка: Если вы пытаетесь отобразить html в диалоговом окне, обычно лучший способ сделать это - использовать iframe . По сути, iframe просто отображает вторую страницу HTML внутри первой. Поэтому вам нужно создать html-страницу для формы, которую вы хотите отобразить во всплывающем окне, а затем просто создать ссылку на эту страницу с помощью iframe.

Просмотр учебника по w3school в iframes поможет вам действительно понять, как работает этот процесс.

Для реализации этого вам снова придется обратиться к документации по подключаемому модулю лайтбокса, поскольку у нас нет возможности узнать, как работает скрипт.

...