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

  1. linnieA
    Posted 3 years 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:
    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>
    <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>

    I hope the above is a little clear...

    Any help is much appreciated!


Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.