95 lines
2.3 KiB
JavaScript
95 lines
2.3 KiB
JavaScript
|
/**
|
||
|
|
* Prototype javascript effects for searching
|
||
|
|
*
|
||
|
|
* @package Templates
|
||
|
|
* @author Andreas Goetz <cpuidle@gmx.de>
|
||
|
|
* $Id: search.js,v 1.8 2009/04/04 16:26:30 andig2 Exp $
|
||
|
|
*/
|
||
|
|
|
||
|
|
Event.observe(document, 'dom:loaded', function()
|
||
|
|
{
|
||
|
|
/**
|
||
|
|
* Quicksearch
|
||
|
|
*/
|
||
|
|
$('q').focus();
|
||
|
|
|
||
|
|
// Ajax.Autocompleter2 allows passing in complex search parameters like arrays
|
||
|
|
new Ajax.Autocompleter("q", "item_choices", "search.php", {
|
||
|
|
minChars: 2, indicator: 'indicator1', frequency: 0.2,
|
||
|
|
parameters: collect_parameters({ajax_quicksearch: 1}),
|
||
|
|
|
||
|
|
afterUpdateElement: function(text, li) {
|
||
|
|
document.location = 'show.php?id=' + li.id;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Collect form parameters for search fields and genres
|
||
|
|
*/
|
||
|
|
function collect_parameters(parameters)
|
||
|
|
{
|
||
|
|
var res = Object.toQueryString(parameters);
|
||
|
|
|
||
|
|
// owner
|
||
|
|
if ($('owner')) {
|
||
|
|
res += '&owner=' + $F('owner');
|
||
|
|
}
|
||
|
|
|
||
|
|
// genres
|
||
|
|
$$('#genres input').each(function(el) {
|
||
|
|
if (el.checked) {
|
||
|
|
res += '&genres[]=' + el.value;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// fields
|
||
|
|
$$('#fields option').each(function(el) {
|
||
|
|
if (el.selected) {
|
||
|
|
res += '&fields[]=' + el.value;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return res;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Create submit request
|
||
|
|
*/
|
||
|
|
function submit_form(event)
|
||
|
|
{
|
||
|
|
// if (!$F('q')) return;
|
||
|
|
$('indicator1').setStyle({display: 'inline'});
|
||
|
|
|
||
|
|
new Ajax.Request('search.php', {
|
||
|
|
parameters: collect_parameters({ajax_render: 1, q: $F('q')}),
|
||
|
|
|
||
|
|
onSuccess: function(transport, json) {
|
||
|
|
$('indicator1').setStyle({display: 'none'});
|
||
|
|
$('content').update(transport.responseText);
|
||
|
|
$('count').update(json.count);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Search fields
|
||
|
|
*/
|
||
|
|
$$('#fields option').invoke('observe', 'click', submit_form);
|
||
|
|
|
||
|
|
// toggle all
|
||
|
|
$('select_all').observe('click', function() {
|
||
|
|
selectAllFields();
|
||
|
|
submit_form();
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Genres
|
||
|
|
*/
|
||
|
|
$$('#genres input').invoke('observe', 'change', submit_form);
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Owner selection
|
||
|
|
*/
|
||
|
|
$$('#owner').invoke('observe', 'change', submit_form);
|
||
|
|
});
|