www.webdeveloper.com
Results 1 to 2 of 2

Thread: Open Lightbox and perform action (search)

  1. #1
    Join Date
    Aug 2013
    Posts
    2

    Question Open Lightbox and perform action (search)

    Hi all!

    I'm basically a designer with 'some' technical skills (mainly html/css), so what I want to accomplish right now is a little tricky for me . I hope someone here is kind enough to help me out.

    I have this (Wordpress) website with a lightbox plugin called 'Lightbox Plus ColorBox'. A lightbox is opened with 'class="lbp_secondary"'.

    Now I'm having some trouble with opening a lightbox within a form and loading external data in that lightbox (with search results).

    See: http://www.zermatt-rental.com/_new/ > MAKE A BOOKING section.

    As you can see, I have two different 'submit' buttons where I've tried several things. When you click 'SEARCH', a new page will open with the search results, so it's working fine, but I want the page loaded in a lightbox.
    Below there's another link (submit this). It does load the page in the lightbox, but not with the search results. Also, it opens the search results in another page as well (of course, this should also be removed, but how?).
    I've tried a lot things, but with this solution, I feel like I'm almost there, but I've ran out of ideas of how to get this thing to work

    Here's the HTML code I have right now:

    <form class="booknow" name="frmQuickFind" action="http://tportal.toubiz.de/ZermattRental/ukv/" method="get" onsubmit="return validateForm(this)" target="_blank">

    <input type="hidden" name="waiter" value="1" />
    <input type="hidden" name="globalReset" value="1" />
    <input type="hidden" name="lang" value="en" />
    <input type="hidden" name="doSearch" value="1" />
    <h2>Make a booking:</h2>
    <p><input type="text" name="date_from" id="date_from" class="datepicker" value="Check in" size="20" /></p>
    <p><input type="text" name="date_to" id="date_to" class="datepicker" value="Check out" size="20" /></p>
    <div class="persons"><p>Persons:
    <select name="number_adult" id="number_adult">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    </select></p></div>
    <p><input type="submit" id="button" value="Search" action="http://tportal.toubiz.de/ZermattRental/ukv/" /></p>
    <a href="http://tportal.toubiz.de/ZermattRental/ukv/" onclick="document.frmQuickFind.submit();" class="lbp_secondary">submit this</a>
    <div class="clear"></div>
    </form>


    I hope the above is a little clear...

    Any help is much appreciated!

  2. #2
    Join Date
    Aug 2013
    Posts
    2
    Anyone?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles