var path_to_ajax="http://myswar.co/search?searchType=ajax"; var lang="English"; var hindi_types={"Album":"एल्बम", "Song":"गाने","Artist":"कलाकार"} $.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = ""; $.each( items, function( index, item ) { if ( item.type != currentCategory && item.type != 'Search') { if (lang=="Hindi"){ ul.append( "
  • " + hindi_types[item.type] + "
  • " ); }else{ ul.append( "
  • " + item.type + "
  • " ); } currentCategory = item.type; } self._renderItem( ul, item ); }); } }); $(function() { $("#searchKey").catcomplete({ source: function( request, response ) { jQuery.ajax({ url: path_to_ajax, dataType: "json", type: "POST", data: { featureClass: "P", style: "full", maxRows: 12, searchType:"ajax", searchKey: request.term }, success: function( data ) { var l = data.searchResults.length; data.searchResults[l] = new Array(); data.searchResults[l]["key"]=request.term; data.searchResults[l]["name"]="Search for ""+request.term+"""; data.searchResults[l]["name_hi"]="""+request.term+"" के लिए खोज"; data.searchResults[l]["type"]="Search"; response( $.map(data.searchResults, function( item ) { if (lang=="Hindi"){ if(item.type =="Song"){ return {label: ""+item.name_hi+" "+item.help_text_hi+"", value: item.name, key:item.key, type:item.type} }else if(item.type =="Album"){ return {label: ""+item.name_hi+" "+item.help_text_hi+"", value: item.name, key:item.key, type:item.type} }else if(item.type =="Artist"){ return {label: ""+item.name_hi+"", value: item.name, key:item.key, type:item.type} }else if(item.type =="Search"){ return {label: ""+item.name_hi+"", value: item.name, key:item.key, type:item.type} } }else{ if(item.type =="Song"){ return {label: ""+item.name+" "+item.help+"", value: item.name, key:item.key, type:item.type} }else if(item.type =="Album"){ return {label: ""+item.name+" "+item.help+"", value: item.name, key:item.key, type:item.type} }else if(item.type =="Artist"){ return {label: ""+item.name+"", value: item.name, key:item.key, type:item.type} }else if(item.type =="Search"){ return {label: ""+item.name+"", value: item.name, key:item.key, type:item.type} } } })); } }); }, html: true, minLength: 2, select: function( event, ui ) { var urlForward= "http://myswar.co/"; if(ui.item.type =="Song"){ urlForward = urlForward+"song_details/"+ui.item.key; window.location.href = urlForward; }else if(ui.item.type =="Album"){ urlForward = urlForward+"album/"+ui.item.key; window.location.href = urlForward; }else if(ui.item.type =="Artist"){ urlForward = urlForward+"artist/"+ui.item.key; window.location.href = urlForward; }else{ urlForward = urlForward+"search/"+encodeURIComponent(ui.item.key); window.location.href = urlForward; } }, open: function() { jQuery( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" ); }, close: function() { jQuery( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" ); } }); });