WordPress.org

Ready to get started?Download WordPress

Forums

Lightbox Plus ColorBox
Open Lightbox from form with Search Results (1 post)

  1. linnieA
    Member
    Posted 7 months ago #

    Ello :)

    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 the 'Lightbox Plus ColorBox' installed here:
    http://www.zermatt-rental.com/_new/
    See: > MAKE A BOOKING section.

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

    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 that 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 blank page as well (of course, this should also be removed, but how?).

    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!

    http://wordpress.org/plugins/lightbox-plus/

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.