Ako želite da stavite pretragu low-cost letova na vaš sajt potrebno je da u <HEAD> sekciju vaše stranice ubacite sledeću liniju:
<script type="text/javascript" src="http://www.low-cost.rs/lcsearch/lcsearch.js"> </script>
Potom, odredite html element koji će da sadrži pretragu. Preporučujemo vam da dimenzije elementa ne budu manje od 300x275 piksela, zarad izbegavanja pojave scrollbar-ova i ispravnog prikaza kalendara. Elementu dajte neki ID atribut, a potom ispred </BODY> taga stavite sledeci kod
<script type="text/javascript">
rs_lowcost_searchWidget('id_elementa');
</script>
Ako vaša strana ima neku funkciju koja ze izvrsava po učitavanju stranice, možete kod izmedju <SCRIPT> tagova staviti u tu funkciju.
Kao prvi parametar pozivu funkcije stavlja se ID elementa koji će da ga sadrži. Plugin ce zauzeti punu širinu i visinu elementa.
Drugi parametar je hash koji za sada može sadržati samo jedan element - cssFile. To bi trebala biti putanja do css fajla kojim biste prilagodili izgled pretrage vašem sajtu. Da biste prosledili css fajl potrebno je da date PUNU putanju do fajla npr. http://mydomain.com/css/css_file.css.
Poziv funkcije za postavljnje pretrage u element sa id-jem "pretraga" i css fajlom iz primera glasio bi:
rs_lowcost_searchWidget('pretraga', {cssFile:'http://mydomain.com/css/css_file.css'});
Ako se hash ne prosledi, učitaće se podrazumevani fajl koji daje pretrazi izgled kakav ima na sajtu www.low-cost.rs. Podrazumevani css fajl dat je ispod:.
* {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
background:#FFF;
}
.searchBox{ /* div encompassing search form */
background:#FFFFFF;
}
.box_shadow { /* default box shadow style for css3 shadows */
-moz-box-shadow: 0 0 4px #666;
-webkit-box-shadow: 0 0 4px #666;
border:1px solid #ccc;
}
h3 { /* headline 3 */
color:#0073B0;
font-size:14px;
text-shadow:1px 1px 1px #CCC;
}
.red_shadow { /* red box shadow style for css3 shadows */
-moz-box-shadow: 0 0 4px #600 !important;
-webkit-box-shadow: 0 0 4px #600 !important;
border:1px solid #FF6666;
}
.inputText { /* input fields styles */
border:none;
-moz-box-shadow: 0 0 4px #333;
-webkit-box-shadow: 0 0 4px #333;
color:#666666;
border:1px solid #CCC;
}
.inputSubmit { /* submit button style */
border:none;
*border:1px solid #CCC;
color:#666666;
-moz-box-shadow: 0 0 4px #333;
-webkit-box-shadow: 0 0 4px #333;
outline:none;
}
.error_message{ /* for displaying error messages */
color:#660000 !important;
text-align:center;
}
Za sva pitanja, nedoumice i predloge molimo kontaktirajte nas.