Istnieje możliwość prezentowania części na swojej stronie www, dokładny opis działania podłączenia modułu wyszukiwarki jest na
Ładowanie potrzebnych skryptów
W nagłówku strony (w sekcji pomiędzy <head> i </head>) należy dodać komendy do załadowania potrzebnych skryptów:
<script src="http://ajax.ambit.pl/toys/prototype/prototype.js" type="text/javascript"></script>
<script src="http://ajax.ambit.pl/toys/scriptaculous/src/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="http://ajax.ambit.pl/toys/lightbox/js/lightbox.js" type="text/javascript"></script>
<script src="http://ajax.ambit.pl/ambit.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.ambit.pl/toys/lightbox/css/lightbox.css" type="text/css" media="screen" />
Powyżesze linki ładują wymagane biblioteki:
* Lightbox v2.0
* Prototype, v1.5.1.1
* script.aculo.us v1.7.1
Jeżeli te biblioteki są już wykorzystywane na Państwa stronie to nie należy ich ładować powtórnie.
Należy dodać także linijkę ładującą arkusz stylów CSS:
<link rel="stylesheet" href="http://www.ambit.pl/templates/ambit/css/ambit.css" type="text/css" />
Arkusz ten zawiera definicje, opisujące jak będą sformatowane wyniki zwracane przez wyszukiwarkę.
Dodatkowo należy pobrać plik proxy.php (http://ajax.ambit.pl/proxy.php.zip) i po rozpakowaniu umieścić go w katalogu domowym strony www.
Wyszukiwarka prosta
Kod, który należy wkleić w treść strony www aby uzyskać wyszukiwarkę prostą wygląda następująco:
<div>
<form name="ambit_searchform" id="ambit_searchform" method="get" action="index.php">
<input name="option" value="com_ambitresult" type="hidden">
<input name="task" value="view" type="hidden">
<input name="ambit_firma" value="1" type="hidden">
<input name="ambit_fullsearch" value="0" type="hidden">
<input name="ambit_hidesearch" value="1" type="hidden">
<div id="ambit_simplesearch" class="ambit_simplesearch">
<h1>SZUKAJ</h1>
<input name="ambit_words" id="ambit_words">
<h1>INDEX</h1>
<input name="ambit_index" id="ambit_index">
<div><input type="image" src="http://ajax.ambit.pl/i/szukaj.gif" onClick="ambit_szukaj_onclick(1)></div>
</div>
</form>
</div>
Wyszukiwarka rozbudowana
Kod, który należy wkleić w treść strony www aby uzyskać wyszukiwarkę rozbudowaną wygląda następująco:
<div>
<form name="ambit_searchform" id="ambit_searchform" method="get" action="index.php">
<input name="option" value="com_ambitresult" type="hidden">
<input name="task" value="view" type="hidden">
<input name="ambit_firma" value="1" type="hidden">
<input name="ambit_fullsearch" value="1" type="hidden">
<input name="ambit_hidesearch" value="1" type="hidden">
<div id="ambit_fullsearch">
<div>
<h1>MARKA</h1>
<select name="ambit_marka" id="ambit_marka" postval="" onChange="ambit_onChange(1);">
<OPTION VALUE="0">--- wszystkie ---</OPTION>
</select>
<h1>MODEL</h1>
<select name="ambit_model" id="ambit_model" postval="" onChange="ambit_onChange(1);">
<OPTION VALUE="0">--- wszystkie ---</OPTION>
</select>
</div>
<div>
<h1>GRUPA</h1>
<select name="ambit_grupa" id="ambit_grupa" postval="" onChange="ambit_onChange(1);">
<OPTION VALUE="0">--- wszystkie ---</OPTION>
</select>
<h1>NAZWA</h1>
<select name="ambit_nazwa" id="ambit_nazwa" postval="" onChange="ambit_onChange(1);">
<OPTION VALUE="0">--- wszystkie ---</OPTION>
</select>
</div>
<div>
<h1>ROCZNIK</h1>
<select name="ambit_rocznik" id="ambit_rocznik" postval="" onChange="ambit_onChange(1);">
<OPTION VALUE="0">--- wszystkie ---</OPTION>
</select>
<h1>OPIS</h1>
<input name="ambit_comment" id="ambit_comment" value="" onBlur="ambit_onChange(1);">
<div><input type="image" src="http://ajax.ambit.pl/i/szukaj.gif" onClick="ambit_szukaj_onclick(1)"></div>
</div>
</div>
</form>
</div>
<script type="text/javascript">
ambit_onChange(0,1);
</script>
UWAGA: Nie można używać dwóch typów wyszukiwania jednocześnie!!
Identyfikacja firmy
W obu z powyższych przypadków wklejony kod zawiera linię:
<input name="ambit_firma" value="1" type="hidden">
Gdzie wartość value odpowiada identyfikatorowi firmy. Identyfikatory te są następujące:
value prefix
1 Ambit
47 A.R.S-Gdansk
8 Autokasacja
18 AUTO-MAX-NESKA
5 Auto-Skup
15 AUTO-WEST
39 Autozlom
28 Bartoszcze
26 BPBP
3 CADILAK-Bochnia
48 Ceremuga
22 CRS
37 Ecoplan
7 FCJ
14 FOX
12 FROST
10 Ilza
6 Impresja
58 IMPRESJA2
42 Jofix
56 KAJTEK
16 Karnas
2 Lochow
34 mamAUTO
17 Mazur
55 Mega-Car
19 Metal-Zlom
33 Mirmar
27 Nowakowski
24 Panta
31 PKS-M-c.Podl.
4 Radom
23 Radsur
20 Renata-Mazur
50 R-S-A_Nowiny
21 SDP-UNGIER
9 Siedlce
53 Transdzwig
25 Wozniak
54 Zambrow
13 Zawada
11 Zawadzcy
Prezentacja wyników wyszukiwania
W miejscu, w którym ma być zaprezentowany wynik wyszukiwania należy wkleić następujący kod:
<div>
<div id="ambit_result">
<div id="ambit_result_bar">
<img src="http://www.ambit.pl/components/com_ambitresult/images/pb_gap.gif">
</div>
<div id="ambit_result_text">
Znaleziono <span id="ambit_total_result">0</span> pasujących wyników
</div>
<div id="ambit_result_text_zero">
Spróbuj odnaleźć potrzebne części w wyszukiwarce <a href="http://czesci.ambit.pl">czesci.ambit.pl</a>
</div>
<div id="ambit_result_data"></div>
<div id="ambit_navi"></div>
<div id="ambit_result_one"></div>
</div>
<div id="ambit_full_image"></div>
</div>
<script type="text/javascript">
var waluta = 'zł';
var str_markamodel = 'Marka i Model';
var str_nazwaczesci = 'Nazwa części';
var str_cena = 'cena';
var str_poczatek = 'Początek';
var str_koniec = 'Koniec';
var str_wstecz = 'Poprzednie';
var str_naprzod = 'Następne';
/* dane które posłużą do zbudowania linku do formularza kontaktowego */
var ambit_email = '';
var ambit_email_add = '';
if ($('ambit_searchform')['ambit_words'] ) $('ambit_searchform')['ambit_words'].value = '';
if ($('ambit_searchform')['ambit_index'] ) $('ambit_searchform')['ambit_index'].value = '';
ambit_szukaj_onclick(1,1);
</script>
Formularz kontaktowy
W powyższym skrypcie znajdują się dwie zmienne:
var ambit_email = '';
var ambit_email_add = '';
służą one jako źródło danych do tworzenia adresu dla url'a do frmularza kontaktowego. Wygenerowany url będzie miał postać:
ambit_email + "&subject=Pytanie+o+czesc+xxxx" + ambit_email_add
przykładowe dane:
var ambit_email = 'http://www.formularz.pl/?option=mail';
var ambit_email_add = '/jakis_magazyn';
wygeneruje link:
http://www.formularz.pl/?option=mail&subject=Pytanie+o+czesc+xxxx/jakis_magazyn
Oczywiście "xxxx" to będzie numer częsci.
Uwagi
Powyższe skrypty wykorzystują technologię AJAX i w związku z tym wyszukiwanie nie powoduje przeładowania całej strony www.
Jeżeli istnieje konieczność wyświetlenia wyników na nowej stronie, to w kodzie strony należy dodać:
<script type="text/javascript">
ambit_onChange(0,1);
</script>
zaraz po kodzie tabeli z opcjami wyszukiwania.
Działające skrypty można zobaczyć na stronie www.ambit.pl
Zaloguj
Rejestracja
FAQ
Szukaj
