Support » Plugin: Lightbox Plus Colorbox » Open Lightbox from form with Search Results

  • 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:
    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="" 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>
    <p><input type="submit" id="button" value="Search" action="" /></p>
    <a href="" onclick="document.frmQuickFind.submit();" class="lbp_secondary">submit this</a>
    <div class="clear"></div>

    I hope the above is a little clear…

    Any help is much appreciated!

  • The topic ‘Open Lightbox from form with Search Results’ is closed to new replies.