Zewnętrzny formularz wyszukiwarki
Panel może być w prosty sposób osadzony na każdej stronie internetowej. Po naciśnięciu przycisku "Szukaj" użytkownik jest przenoszony na główną stronę wyszukiwarki jakdojade.pl, gdzie proszony jest o wybór lokalizacji spośród prezentowanych podpowiedzi (dokładnie tak jakby wpisał tekst zapytania bezpośrednio w jakdojade.pl) - wyszukiwanie połączeń rozpoczyna się automatycznie. Jeśli dla wpisanego tekstu istnieje dokładnie jedno dopasowanie lokalizacja jest wybierana samoczynnie.
Informacje techniczne
Do osadzenia formularza wymagana jest podstawowa znajomość HTML.
Potrzebne pliki (w postaci archiwum .zip) znajdują pod adresem: http://jakdojade.pl/pages/form.zip
Prosta strona z przykładem osadzenia formularza zapytania znajduje się w pliku przykład.html i może być odpalana lokalnie.
Pliki:
searchForm.html - kod html formularza - kod należy wkleić w odpowiednie miejsce docelowej strony www. Wszystkie teksty i elementy html nie związane z formularzem mogą być dowolnie modyfikowane (np. przez skrypty po stronie serwera realizujące lokalizację)
Pola daty i godziny wypełnianie są aktualną datą i godziną przez osadzony kod javascript.
Identyfikator miasta, dla którego zostanie przeprowadzone wyszukiwanie zakodowany jest w ukrytym polu o nazwie "cid":
<input type="hidden" value="3" name="cid" />
Atrybut "value" musi wskazywać na właściwy identyfikator:
1 - Poznań
2 - Wrocław
3 - Warszawa
4 - Szczecin
5 - Kraków
6 - Łódź
Aby strona wyszukiwarki została otwarta w nowym oknie należy w tagu <form> dodać atrybut target="_blank".
datepicker.js - kod javascript kalendarza do wyboru daty (kalendarz jest wyświetlany po kliknięciu na pole daty). Skrypt pobierany jest w kodzie html formularza. Po umieszczeniu skryptu na własnym serwerze należy w kodzie wskazać aktualną lokalizację skryptu. Skrypt może być pobierany w dowolnej sekcji strony. Jeśli nie ma możliwości umieszczenia / pobrania zewnętrznego skryptu kod należy wkleić pomiędzy znaczniki <script>...</script>.
searchForm.css - style css formularza (w większości do formatowania elementu kalendarza). Załączony plik ze stylami służy jako przykład i może być dowolnie modyfikowany w celu dopasowania wyglądu formularza. Kod css powinien być załadowany w sekcji <head>...</head> strony. Kod można również dokleić do wykorzystywanego normalnie pliku ze stylami, lub umieścić na stronie wewnątrz elementu <style>...</style>
jd-small.png - małe logo jakdojade.pl wyświetlane w dolnej części formularza. Po umieszczeniu grafiki na własnym serwerze należy w kodzie wskazać aktualną lokalizację obrazka.