Tools for the Trade

                                               Embedding Dohop in your Website

                                                                                                                   Deeplinking to Dohop

                       Build your own Flight Search Engine

A tiny flight search form for your site. Just 150 by 200 pixels

To offer a Dohop powered flight search on your site or blog, simply drop the following HTML code into the body of your page source:

<script type="text/javascript" src="http://www.dohop.com/js/dohop_script_package.js"></script> 
<link rel="stylesheet" href="http://www.dohop.com/css/ui.datepicker.css" type="text/css" />
<link rel="stylesheet" href="http://www.dohop.com/css/dohop.smallsearch.css" type="text/css" />
<script>
$(document).ready(function init()
{
$('#dohop_search').dohopSearch();
});
</script>
<div id="dohop_search"></div>   

The search results will be shown on www.dohop.com in the language of your choice (see below how to set language).

There are a couple of options you can add or override in the html code above by adding an options parameter to dohopSearch() like this:

$('#dohop_search').dohopSearch({"newwindow":false,"language":"es","logo":false,"basedomain":"http://mydohop.googlepages.com/search"});
  • Logo: "logo":false removes the dohop logo and shrinks the search form to 150px x 150px
    $('#dohop_search').dohopSearch({"logo":false});
  • New window: "newwindow":false opens the search results in the same window as the search form (default opens in a new window)
    $('#dohop_search').dohopSearch({"newwindow":false});
  • Base domain: "basedomain":"http://mydohop.googlepages.com/search". If you are hosting your own embedded dohop flight planner you can provide that url as a basedomain and search results will appear in your embedded flight planner.
    $('#dohop_search').dohopSearch({"basedomain":"http://mydohop.googlepages.com/search"});
  • Language: The default language is English but you can change the language by adding one script tag and change the "language":"en" paramter.   For example to change the language to Spanish add
<script type="text/javascript" src="http://staging.dohop.com/js/form_localized_es.js"></script>

Notice the lang suffix in the src parameter.  Then set language parameter in dohopSearch() to es.  Example: "language":"es"

The available languages are:

  • ca - Català
  • cn - 中文
  • cs - Čeština
  • da - Dansk
  • de - Deutsch
  • en - English
  • es - Español
  • fr - Français
  • is - Íslenska
  • it - Italiano
  • jp - 日本語
  • lt - Lietuvių
  • no - Norsk
  • pl - Polski
  • pt - Português
  • ru - Русский
  • sv - Svenska
  • th - ไทย
  • tr - Türkçe