2 * Add search suggestions to the search form.
6 var api
, map
, resultRenderCache
, searchboxesSelectors
,
7 // Region where the suggestions box will appear directly below
8 // (using the same width). Can be a container element or the input
9 // itself, depending on what suits best in the environment.
10 // For Vector the suggestion box should align with the simpleSearch
11 // container's borders, in other skins it should align with the input
12 // element (not the search form, as that would leave the buttons
13 // vertically between the input and the suggestions).
14 $searchRegion
= $( '#simpleSearch, #searchInput' ).first(),
15 $searchInput
= $( '#searchInput' );
19 // SimpleSearch is broken in Opera < 9.6
21 // Older Konquerors are unable to position the suggestions correctly (bug 50805)
22 konqueror
: [['>=', '4.11']],
29 if ( !$.client
.test( map
) ) {
33 // Compute form data for search suggestions functionality.
34 function computeResultRenderCache( context
) {
35 var $form
, baseHref
, linkParams
;
37 // Compute common parameters for links' hrefs
38 $form
= context
.config
.$region
.closest( 'form' );
40 baseHref
= $form
.attr( 'action' );
41 baseHref
+= baseHref
.indexOf( '?' ) > -1 ? '&' : '?';
44 $.each( $form
.serializeArray(), function ( idx
, obj
) {
45 linkParams
[ obj
.name
] = obj
.value
;
49 textParam
: context
.data
.$textbox
.attr( 'name' ),
50 linkParams
: linkParams
,
55 // The function used to render the suggestions.
56 function renderFunction( text
, context
) {
57 if ( !resultRenderCache
) {
58 resultRenderCache
= computeResultRenderCache( context
);
61 // linkParams object is modified and reused
62 resultRenderCache
.linkParams
[ resultRenderCache
.textParam
] = text
;
64 // this is the container <div>, jQueryfied
68 .attr( 'href', resultRenderCache
.baseHref
+ $.param( resultRenderCache
.linkParams
) )
69 .attr( 'title', text
)
70 .addClass( 'mw-searchSuggest-link' )
74 function specialRenderFunction( query
, context
) {
77 if ( !resultRenderCache
) {
78 resultRenderCache
= computeResultRenderCache( context
);
81 // linkParams object is modified and reused
82 resultRenderCache
.linkParams
[ resultRenderCache
.textParam
] = query
;
84 if ( $el
.children().length
=== 0 ) {
88 .addClass( 'special-label' )
89 .text( mw
.msg( 'searchsuggest-containing' ) ),
91 .addClass( 'special-query' )
96 $el
.find( '.special-query' )
100 if ( $el
.parent().hasClass( 'mw-searchSuggest-link' ) ) {
101 $el
.parent().attr( 'href', resultRenderCache
.baseHref
+ $.param( resultRenderCache
.linkParams
) + '&fulltext=1' );
105 .attr( 'href', resultRenderCache
.baseHref
+ $.param( resultRenderCache
.linkParams
) + '&fulltext=1' )
106 .addClass( 'mw-searchSuggest-link' )
111 // Generic suggestions functionality for all search boxes
112 searchboxesSelectors
= [
113 // Primary searchbox on every page in standard skins
118 // Generic selector for skins with multiple searchboxes (used by CologneBlue)
119 // and for MediaWiki itself (special pages with page title inputs)
122 $( searchboxesSelectors
.join( ', ' ) )
124 fetch: function ( query
) {
128 api
= api
|| new mw
.Api();
130 $.data( node
, 'request', api
.get( {
131 action
: 'opensearch',
135 } ).done( function ( data
) {
136 $textbox
.suggestions( 'suggestions', data
[1] );
139 cancel: function () {
141 request
= $.data( node
, 'request' );
145 $.removeData( node
, 'request' );
149 render
: renderFunction
,
150 select: function () {
151 // allow the form to be submitted
158 .bind( 'paste cut drop', function () {
159 // make sure paste and cut events from the mouse and drag&drop events
160 // trigger the keypress handler and cause the suggestions to update
161 $( this ).trigger( 'keypress' );
163 // In most skins (at least Monobook and Vector), the font-size is messed up in <body>.
164 // (they use 2 elements to get a sane font-height). So, instead of making exceptions for
165 // each skin or adding more stylesheets, just copy it from the active element so auto-fit.
167 var $this = $( this );
169 .data( 'suggestions-context' )
171 .css( 'fontSize', $this.css( 'fontSize' ) );
174 // Ensure that the thing is actually present!
175 if ( $searchRegion
.length
=== 0 ) {
176 // Don't try to set anything up if simpleSearch is disabled sitewide.
177 // The loader code loads us if the option is present, even if we're
178 // not actually enabled (anymore).
182 // Special suggestions functionality for skin-provided search box
183 $searchInput
.suggestions( {
185 render
: specialRenderFunction
,
186 select: function ( $input
) {
187 $input
.closest( 'form' )
188 .append( $( '<input type="hidden" name="fulltext" value="1"/>' ) );
189 return true; // allow the form to be submitted
192 $region
: $searchRegion
195 // If the form includes any fallback fulltext search buttons, remove them
196 $searchInput
.closest( 'form' ).find( '.mw-fallbackSearchButton' ).remove();
199 }( mediaWiki
, jQuery
) );