My friend posted this site on Facebook. Auto-complete me: screen shots of Google’s auto-complete search bar option.

AutoCompleteMe.com

These are things that people have searched enough that Google remembers them? Really? I think it’s gotta help that Google is staffed by really hip children of the 21st century that would think stuff like this is funny.

Suggestion Fail

Picture by: dunno source Submitted by: E. Tapia via Fail Uploader

For more Suggestion Fails, check out Autocomplete Me!

The Google home page has a search box. In that box is an auto-complete feature that tries to guess what you might be typing next. As you type additional letters the display changes as the results are refined and get narrower and narrower.

I’m assuming that with every character you enter Google is showing what it thinks is the most likely search term you want based on what has been entered so far.

I was curious about the auto-complete feature and what it had to say about what Google thought was important, so I decided to try every letter of the alphabet and see what results I got. As you will see, the results are very commercial.

Here is my list of results from Google’s auto-complete feature:

A – amazon
B – best buy
C – craigslist
D – dictionary
E – ebay
F – facebook
G – gmail
H – hotmail
I – imdb
J – jet blue
K – kohls
L – lowes
M – mapquest
N – netflix
O – old navy
P – pandora
Q – quotes
R – realtor.com
S – southwest airlines
T – target
U – usps
V – verizon wireless
W – walmart
X – xm radio
Y – youtube
Z – zillow

Interesting that the letter Z was the only letter that came up with a result I’d never heard before.

Continuiamo a presentare una serie di Plugin in jQuery.

Un paio di positività dei Plugin in jQuery è che:

• spesso gli sviluppatori rilasciano regolarmente i Plugin in jQuery
• non sono facile da realizzare ma facili da mantenere anche se usati su Siti Web di grandi dimensioni.

Di seguito una raccolta di 20 Plugin In jQuery Per Migliorare L’Interfaccia Utente nei nostri Siti Web. Raccolta che comprende Plugin per e finestre modali, gallerie di immagini, auto completamento, bookmarking funzioni, precaricatori, e altro ancora.

Per ogni Plugin in jQuery abbiamo inserito i link di riferimento ai Siti Web degli sviluppatori e il link di riferimento del dimostrativo.

Leggi tutto l’articolo su 20 Plugin In jQuery Per Migliorare L’Interfaccia Utente.

Auto Complete with C# Static Method in .cs File

Step1:

<asp:ScriptManager ID=”ScriptManager1″ runat=”server” />

        <div>

            <asp:UpdatePanel ID=”UpdatePanel1″ runat=”server”>

                <ContentTemplate>

                    <asp:TextBox ID=”TextBox1″ runat=”server” AutoPostBack=”True”

                        ontextchanged=”TextBox1_TextChanged”></asp:TextBox>

                    <cc1:AutoCompleteExtender

                        ID=”AutoCompleteExtender1″

                        TargetControlID=”TextBox1″

                        ServiceMethod=”GetName”

                        runat=”server” CompletionInterval=”10″ MinimumPrefixLength=”2″ >

                    </cc1:AutoCompleteExtender>

                    <asp:Label ID=”Label1″ runat=”server”></asp:Label>

                </ContentTemplate>

            </asp:UpdatePanel>           

        </div>

 Step2:

[System.Web.Services.WebMethod]

    [System.Web.Script.Services.ScriptMethod]

    public static string[] GetName(string prefixText, int count)

    {

        string strQuery = “Select Name from Emp where Name like ‘” + prefixText + “%’”;

        string[] names = { “1. ” + prefixText, “2. ” + prefixText, “3. ” + prefixText, “4. ” + prefixText };

        return names;

    }

    protected void TextBox1_TextChanged(object sender, EventArgs e)

    {

        Label1.Text = TextBox1.Text;

    }

Ai vai uma dica pra que usa o SQL Server Management Studio: use o auto completar (auto-complete). Ai vai o link para download:

http://www.bustercollings.com/downloads/SQLPromptSetup.exe

, abraços.

Caio Barbosa
Desenvolvedor Web

You know that situation. Every time you want to order flowers via the Web or book a flight (where you not happen to be a premium member of the airline’s frequent fliers club having all the data handy), you are urged to fill in the most stupid and plain forms. Day in, day out, the same boring and time-consuming activity.

How about a sort of Mechanical Turk that does the dirty work for you?

Ok, enough words: here is my take on it, using RDForms‘ fusion capabilities, one can fill in her profile data from one’s FOAF file:

profile auto-complete demo based on RDForms fusion algorithm

Check out http://ld2sd.deri.org/pac/ and let me know what and how we could extend that little toy (maybe pre-selecting fields or protect certain fields, etc. ?). The code is also available at the pushback project svn.

Warning: this is a Sunday-morning hack, not a ready-to-go product, so please, bear with it/me

Not so much a random act of racism, but just a compilation of what Google’s webcrawlers have determined to be the proper way to complete the query regarding “why are asians so…”.  Its amusing to see what the web/world as a whole has to say about Asians and their insecurities regarding our existence.

It’s going to be interesting to see how many of these stereotypes are going to be rendered ineffective as my generation (I’m a first generation Chinese American) ages.  As culture gets watered down, which values are going to be sustained and which values are going to be more Americanized?

Anyways, just looking at that list, I must only be partially Asian.

via skidknee.net

On modern browsers, such as IE7 and Firefox, hitting Ctrl + Enter will automatically fill in the www. and the .com part of the URL. I bet every is familiar with that but do you know this.

• Shift + Enter – Auto-complete *.net address
• Ctrl + Shift + Enter – Auto-complete *.org address

If you add Alt to any of those key combinations, it will auto-complete and open the new address in a new tab as well. Alt+Ctrl+Enter will auto-complete a *.com address in a new tab, for instance.

Well try it now!

Source: http://thetechies.wordpress.com

var infolink_pid = 28586;


Times Computing :: “Cyber Chat” :: Val Souza :: August 16, 2000

================================================

I was sitting with a colleague at work recently, checking out a project report that he had been sweating over on his computer. We needed to corroborate some info on the Net, so he launched his Internet Explorer 5 browser, went to his favourite search engine and began typing his search query. That’s when the AutoComplete feature of IE 5 kicked in. Right before his very embarrassed eyes, the browser was helpfully displaying those similarly-spelled search queries he had entered earlier. Suffice it to say that the sites such searches would have thrown up were sites he wouldn’t have wanted to be caught dead in.

That’s one of the downsides of all the nifty make-life-easier features of software these days. You leave all kinds of trails of your activities, which others can then easily pick up if they so desire. Perhaps there’s nothing you do on the computer that’s either remotely embarrassing or critically confidential. Yet, few people like their lives, online or otherwise, to be open books that others flip through at will.

Even if you are not a privacy fanatic, it’s not a good feeling to know that the next person using your computer, could, if she so desired, snoop around a bit and find out what you’ve been up to. Don’t like the idea? Okay, here are some tips to cover your tracks (from the casual snooper):

Deletion:

In Windows, ordinary deletion of files merely sends them to the Recycle Bin, from where they can be recovered (a good safety feature in case you accidentally delete something). But if you want to remove all traces of a file, remember to hold the Shift key down while clicking on Delete, or alternately, to delete the files from the Recycle Bin later.

Clear lists:

For Windows 95 users it’s useful to download the free Power Toys utility from the Microsoft website. Among other nifty utilities, it offers you a “Paranoia Mode” to clear all previous entries from the Run command; clear “recent documents” accessed from the Documents option on the Start Menu; clear history links to all sites visited in Internet Explorer, and so on. The clear takes effect at the next reboot or logon. Windows 98 provides an option to do all this directly. Simply right-click on the Taskbar at the bottom of the screen, select ‘Properties’ and then select the ‘Start Menu Programs’ tab in the box that comes up. Therein you can click the ‘Clear’ button to remove the contents of the Documents menu and all other personal history lists.

Clear recent files opened:

Most programs maintain a list of recently opened files to facilitate re-opening them during subsequent usage. But you might not want others to know which files you were working on. One tedious option is to keep opening innocuous files till the confidential files you had opened move off the list. Alternately, in programs like Word you can deactivate the recently used files list (through the ‘Options’ option, within which is the ‘General’ tab). For programs that do not provide such an option you would need to go to the Windows Registry and physically delete the relevant entry – not recommended for most normal users; you could really mess up your computer by messing with the Registry.

Website trails:

Covering your tracks on your Internet browser is now a much easier proposition than it used to be. A history of sites visited is routinely maintained by all browsers. In IE 5 you can clear history by selecting ‘Internet Options’ from the Tools menu and clicking on the relevant button therein. Don’t forget to delete the Temporary Internet files too, which are stored as a cache on your disk to speed up surfing. Selective deletions can be done by physically deleting the desired entries through Windows Explorer (there’s a folder called History in the Windows directory on your hard disk, and a folder called Temporary Internet Files too.

These are of course tips of the icebergs of complexity at the operating system level. If you’re really paranoid you’d probably be better off locking your computer in a vault and never permitting anyone else near it.

As for my colleague at work, I generously showed him how to turn off the AutoComplete feature in IE 5: Select ‘Internet Options’ from the Tools menu, then click on the ‘Content’ tab. The AutoComplete button therein let’s you customise levels of potential future embarrassment!

Val Souza

TweetDeck really does keep getting better and better.

Hot on the heels of the previous release which introduced some great new features, the next release will see another seriously cool improvement to the king of Twitter clients – auto-completion of usernames as you start to type replies or direct messages.

Previously, in order to reply to someone you needed to locate a tweet from that person and use the Reply or DM function. Or you need to remember the person’s exact user ID (or run the risk of tweeting to the wrong person).

But now we have auto-complete and it works like a dream.

You looking @ me?

If you want to reply to someone you just type “@” as normal. Or for a Direct Message, type “d” followed by a space (as normal).

This will pop up the username search window:

Start typing the username you are replying/DMing to (no need to click, just start typing)

You can then either click the name you want from the list, or scroll down the list with the arrow keys and press [Enter].

Whichever method you prefer will close the search box and place the selected username in your tweet box (with a space after, ready for you to start typing your message)

And clearly, for DMs the function only works if the d [space] is at the start of the tweet, whereas @s can be anywhere in the tweet.

Very nice so far.

Tweeting with @itude

But wait, what about you speed-typing ninjas who don’t want to mess around with searching and windows and stuff? Isn’t this going to get in the way?

No-sir-ee bob, would be the answer there.

Firstly you can, should you wish, turn off the whole auto-complete function by deselecting it under Settings (it is on by default).

Or, if you’d rather keep it there, you can feel safe in the knowledge that this function should fit very snugly with your ninja typing skills.

For example, you may think that typing a short username is now going to take a lot more effort, but this would not be true.

Say I wanted to reply to Twitter CEO  Evan Williams (perhaps to beg him to up the API limit for paying customers…?). I can still just type @ev followed by a space and the application will skip happily though the screens.

“@” will bring up the search box

“ev” will search for Ev in the list of people I follow

[space] will just take the text I have entered (“ev”) and bung it into the tweet box next to the @, just as if I had typed it normally. no extra clicks, no extra button presses required.

And another handy feature: If you search for a username and are left with just one person in the list, just press [Enter] and that username will be chosen, no need to click it or scroll down and select it.

So if I start typing “d iaindo” that will bring up the search list and, as TweetDeck developer Iain Dodsworth is the only person I follow whose username contains the characters “iaindo”, his name is the only one in the list. I can therefore press [Enter] without having to complete the rest of his name. I can then continue my DM without having wasted rpecious tweeting seconds on unnecessary characters!

You can leave your @ on

And finally, if you just wanted to type an “@” without it being a reply, e.g. “I’ll meet you @ 8pm tonight”, that is still possible.

Just type “@” then hit [Esc] (or click the cross in the top-right) to close the search window.

Okay, I’m sold. Where’s it @?

The new feature will be in release 0.21.6, which will be available for download from www.tweetdeck.com/beta very soon. Also see Iain’s blog at tweetdeck.posterous.com for his release notes. There you’ll also find a helpful video walkthrough that should explain things very nicely for you.

Note that this update won’t be pushed out automatically, as Iain felt that another update coming so soon after the previous one may be a little too much.

So you will need to install it manually from http://tweetdeck.com/beta/TweetDeck_0_21_6.air

If you want to comment on this article, or have any questions about Twitter or TweetDeck, leave a comment below, or catch me on Twitter @richardbarley

]]> http://fernandoluizao.wordpress.com/2009/01/24/rails-autocompletes-a-moda-restful/ Sat, 24 Jan 2009 13:53:24 +0000 fernandoluizao http://fernandoluizao.wordpress.com/2009/01/24/rails-autocompletes-a-moda-restful/

Muita gente tem reclamado que o padrão RESTful do Rails é ruim, que limita, dificulta, etc. Eu não concordo, acho que limitações nos forçam a pensar em soluções mais simples. Realmente, manter-se RESTful não é tão simples quanto sair criando um monte de actions para qualquer coisa, principalmente nos casos de uso de ajax. Uma das reclamações que eu ouvi foi sobre dificuldade em usar autocompletes, por isso nesse artigo vamos ver como resolver esse “problema” e fazer um auto complete RESTful de forma simples e elegante.

Vamos lá, criando o projeto para teste e um resource Pessoa

rails restful_autocomplete
cd restful_autocomplete
script/generate scaffold pessoa nome:string
rake db:migrate

Instalando o plugin auto_complete:

script/plugin install git://github.com/rails/auto_complete.git

É necessário ter o git instalado, caso vc não tenha, ou não esteja com vontade de instalar, baixe o plugin aqui e descompacte em vendor/plugins.

Esse plugin possui uma macro para gerar a action de resposta do auto complete, mas como estamos usando um controller RESTful, não vamos usá-lo dessa maneira. Em vez disso, vamos criar uma mini-API para lidar com o problema. A idéia central é que TODAS as requisições que necessitem recuperar uma coleção de pessoas usem como ÚNICO ponto de acesso a action index.

O plugin espera os registros formatados dentro de uma lista não ordenada, por exemplo:

<ul>
	<li>Item 1</li>
	<li>Item 2</li>
        ...
	<li>Item N</li>
</ul>

Com isso em mente, vamos criar um novo mime-type para que nosso controller se encarregue de identificar a requisição do auto complete e devolver o formato correto. Adicione a seguinte linha ao arquivo config/initializers/mime_types.rb:

Mime::Type.register_alias "text/html", :autocomplete

Estamos registrando o tipo customizado “autocomplete” como HTML. Lembre-se de reiniciar o servidor depois de alterar o arquivo.

Agora criaremos um controller qualquer que fará a requisição pelo auto complete:

script/generate controller testes new

Na view testes/new.html.erb, coloque o seguinte:

<%=
    text_field_with_auto_complete :bla, :ble, { :size => 25 }, {
      :url => formatted_pessoas_path(:autocomplete),
      :method => :get,
      :param_name => 'nome'
    }
%>

Passamos algumas opções ao helper text_field_with_auto_complete fornecido pelo plugin:

• Na linha 3 indicamos a url (ou melhor, o RECURSO) à qual a requisição será ser feita e o mime-type que desejamos (o “autocomplete” que nós criamos). A url gerada será /pessoas.autocomplete
• Na linha 4 estamos dizendo que queremos que a requisição seja feita pelo método GET (LEMBRE-SE: A action index só é acessivel por GET em um controller RESTful)
• Finalmente na linha 5 especificamos com qual nome o conteúdo do text_field será enviado. O valor do parâmetro depois poderá ser acessado com params[:nome].

A action index do controller pessoas (nossa “API”), responsável pelo trabalho sujo, ficará assim:

def index
  conditions = ["nome LIKE ?", "%#{params[:nome]}%"] if params[:nome]
  @pessoas = Pessoa.all :conditions => conditions

  respond_to do |format|
    format.html # index.html.erb
    format.xml  { render  ml => @pessoas }
    format.autocomplete  { render :inline => "<%= auto_complete_result @pessoas, :nome %>" }
  end
end

A idéia básica de uma API, é que ela receba parâmetros, processe-os, e devolva um resultado. Nossa API é extremamente simples, se receber um parâmetro “nome”, faz a pesquisa pelos nomes que forem similares, senão retorna todos os registros. Podemos incrementar nossa API e adicionar várias outras coisas, como mais opções para pesquisa (pesquisa por idade, por CPF…), limite de registros a serem retornados, paginação, e o que mais for preciso. Essa é a maior vantagem do padrão RESTful, em vez de uma action, você ganha uma API .

A linha 7 é que faz a mágica de responder ao auto complete. Ela devolve os resultados da pesquisa no formato que o auto complete espera, na forma de lista não ordenada, usando o helper auto_complete_result.

Inicie o servidor, e acesse a url http://localhost:3000/testes/new e teste o auto complete.

Pronto, temos um auto complete RESTful! =)

Lembre-se, o modelo RESTful veio para facilitar nossa vida, não para complicar. RESTful restringe visando simplificar o design de nossas aplicações e nos forçar a construir APIs que nós mesmos consumimos (e obviamente, também ser consumidas por terceiros). Limitações são impostas apenas por nós mesmos, por isso, pare de se limitar .

NOTA 1: Não esqueça de incluir os javascripts necessários no seu layout, senão não vai funcionar:

<%= javascript_include_tag :defaults %>

NOTA 2: Os helpers de rotas formatados serão removidos nas próximas versões do Rails. Em vez de:

formatted_pessoas_path(:autocomplete)

Ficará:

pessoas_path(:format => :autocomplete)

Então atenção à versão do Rails que vc está usando. Mais detalhes aqui.

Google Chrome is an open source, free web browser developed by Google that has about 1% share of browser market. It was first released as a beta version for Microsoft Windows onSeptember 2, 2008. The name is derived from the graphical user interface frame, or “chrome”, of web browsers.

Now, here is a rival to Firefox. When i heard the news of a browser from Google, i downloaded it without even looking at reviews or wiki, like most who believe in Google. But when i downloaded and installed it, i was surprised. It doesn’t look like a browser. It looked more like maximised Notepad with an address bar. No menu bar, bookmarks toolbar, or status bar. I underestimated what it is capable of.

It comes with a task-manager to monitor and control individual tabs. Thats a new one! Multi-threaded browsing. What they mean is that all tabs run as separate processes. When there is problem with one, like a hang, you can continue work with the other tabs, by making use of the task-manager. All other browsers with tabs don’t work this way.

The address bar also serves as a Google search & history look-up. It is a neat idea. Also, what i noticed is that when you get a long address with lot of confusion characters, the main address, or domain name is seen clearly. That is, for example, in “http://jaisantonyk.wordpress.com/wp-admin/post-new.php”, “jaisantonyk.wordpress.com” is seen in black letters, while all other characters are in grey. This gives focus to the main domain name. Which is nice, because there are sites out there trying to steal e-mail passwords, and other important data by putting up a long confusing address in the address bar.

The download bar and tracking is neat.

The browser, as Google says, is made to give a good running platform for web applications like Google docs, Gmail, Outlook Web access,… The super fast V8 Javascript engine(Yes, V8 is the name) is the fastest Javascript engine on the planet, they say. It it seems to be, coz you will feel it when loading AJAX sites, like most of today’s email sites. You can see the comparison for yourself from a respected reviewer, CNET.COM.

Chrome gives you with it’s feature set, an Incognito Window. What ever you do in that window is private, and will not show up in history, cookies or other traceable sections. This is a feature most internet surfers needed for so long.

Chrome is still in beta. We don’t know how long it will be there in that state. But it doesn’t mean it is, in any way, inferior to other browsers. We all know that Gmail is still in beta. And, it does it’s job wonderfully. Chrome’s interface takes the focus from the browser itself and gives it to the web page on display. The way it should be! An un-cluttered interface lets us concentrate on the task at hand.

All in all, Chrome might look like an amateur, but it sure is as good as Firefox or Opera, if not better. I will be trying this new one for a few weeks, and see how well it performs.

—–After a week with Chrome—–

A nice thing about Chrome is that once you start typing in a form, say login & password, there will not be annoyances like having to re-type the entire thing due to an automatic page-reload. Those who use mail.yahoo.com, and gmail.com regularly will understand what i mean. Also the browser automatically gives focus to the first text-input-box in the webpage, so that we don’t have to click inside the box to gain focus, and then type.

The address bar has a very good history-based auto-completion feature. And it really does what we want. If you use both mail.yahoo.com & gmail.com websites, typing in just m auto-complete as mail.yahoo.com, and typing in just g gives you gmail.com. This is unlike Firefox, where no matter how many times we use mail.yahoo.com, typing in m guides you to some gmail.com page. I don’t know why Firefox works like that. Also, once visited sites are faster to load the next time(if you did not clear the cache). Talking about loading, the browser itself is faster when loading, compared to others.

The thumbnails of most visited websites are accurate, not like Opera’s. Where, after we assign gmail.com to a box, and yahoo.com to another one, a few days later you will see the gmail webpage in yahoo’s box and yahoo webpage in gmail’s box. Then, we click on the visibly gmail thumbnail, and end up in yahoo.com. And, in Chrome we don’t have to assign an address to a box. It fills the boxes based on history automatically.

The pop-up blocking works perfectly. You will not see any pop-ups in Chrome. Pop-ups after they are blocked are shown as title bars, below where the status bar should be. If you need to see the blocked pop-up, you can pull the title bar of the pop-up above and get the full view of the pop-up in a window.

Arama motoru yenilendi! Akıllı arama sistemi adını verdiğim sistem ile, siz daha şarkı adını veya şarkıcı adını yazmadan, uygun olabilecek arama kriterini ekrana yansıtılıyor. Mouse ile uygun arama seçeneğine tıklayıp daha kolay ve basit aramalar yapabiliyorsunuz.

Sistem, jquery ile kodlanmıştır.

Well..

there are alot of options in different programs that are not typically hidden but we don’t know about it

because no one is going to read the manual of every program he uses

and those options sometimes are sooooo useful so i’m gonna list the things that i know and if u have some then u can share them

1-New Tab – Press The Wheel

when u r surfing the Internet and want to open a link in a new tab u can RMB and ‘open in new tab’ OR press ‘Ctrl‘ while clicking the link

but u can simply “Press the wheel“

yes ,on the link and press the scroll wheel in ur mouse

.

.

2-Key Board Navigation – according to ur speed

when u are browsing a folder with soooooo many files and u want a specific one what do u do

u can sort them by type or name and search with ur eyes OR if u r more experienced u press the button of the first character of the file name

but what if there are so many files start with the same character

u can write the full name of the file -ofcourse if u know it – or the first bunch of letters and explorer will select the file with the proper name but it will work only according to ur speed in typing

.

3-cmd has auto complete !!!!

yep it has, just open it and press “Tab” or write “cd ” and press “Tab”

.

4-Safely Remove USB Device

every time u want to remove ur flash stick u RMB click on the icon in the system tray and Safely Remove Hardware -> Choose the device -> Stop

but u can LMB on the tray icon and safely remove the device

.

5-U DONT EVEN NEED TO DO THAT – JUST GRAB IT OUT

if u want ur flash memory then grab it out of the PC

every PC i’ve seen is by default configured to remove flash memories without being stopped or ejected from the PC

thats what i can remember now Pliz feal free to add

مدت زمان زیادی است که گوگل بعنوان پشتوانه iPhone شناخته شده و برنامه‌های زیادی را برای این محصول عرضه کرده است، در این میان یاهو نیز ساکت ننشسته و فعالیت‌هایی در این زمینه داشته، در حال حاضر یاهو برنامه جستجوگری را برای iPhone برنامه‌نویسی کرده است که عکسی از آنرا مشاهده می‌کنید. در نتایج جستجو تصاویر فلیکر خوب نمایش داده می‌شود و همچنین ویدئوها نیز از نمایش و فرم خوبی برخوردارند. یکی دیگر از برتریهای این جستجوگر نسبت به رقبای خود اضافه کردن Auto Complete یا کامل کردن خودکار می‌باشد، این خصوصیت این امکان را به کاربر می‌دهد که با وارد کردن قسمتی از ابتدای کلمه لیستی از کلماتی که ابتدای آنها همانند کلمه تایپ شده است را نشان می‌دهد و کاربر می‌تواند از بین کلمات، لیست کلمه مورد نظرش را پیدا و انتخاب کند تا تمام کلمه را تایپ ننماید.

به هر حال یاهو هرگز نمی‌تواند با برنامه‌های گوگل (لینک iTunes) و یا سایت گوگل مخصوص موبایل و قابل اجرا در مرورگر سفری مقابله کند. او تنها قادر خواهد بود با جستجوی گوگل دست و پنجه‌ای نرم کند. برنامه‌ای که یاهو ارائه داده کم و کاستی‌هایی نسبت گوگل دارد، بطور مثال برنامه جستجوگر گوگل در آیفون می‌تواند لیستی از دوستانتان را نشان دهد، جستجوهایی که تابحال انجام داده‌اید را نشان دهد و جستجوی تصویر، خبر، کالاها و از همه مهمتر ویکی‌پدیا ازجمله مواردی هستند که جستجوگر یاهو فاقد آنها می‌باشد. البته یاهو قول اضافه نمودن این امکانات را داده ولی کی و با چه کیفیتی بماند تا بعد.

Okay! So now you have a working database, and you want some way to have an autocomplete complete search bar for those database objects. How are we ever going to get this to work? Luckily for us both, there is the INTERNET! My blog will closely follow the code of another post, because it is the code that I used as well. My job will be to clarify how it is used and some errors and troubles I ran into during my testing period of it.
First, you will want to use the code from this website. AJAX Auto Complete

This example works for facebook and can similarly be used for any other application or production. Firstly, the key to this is that the Options code AND the JavaScript code MUST be placed in SCRIPT braces inside the .html or .fbml file you want to have the search bar in. If you want it on every page you will want this code inside of your LAYOUT page, wherever you want it. I have my code in layout/_header.fbml.erb file, since I have mine at the top of the page in the header. ex:
layout/_header.fbml.erb


options = {
preMsgTxt: "search for topic...", // text to display when nothing has been typed
menuOpacity: 94, // opacity of the menu
ajaxUrl: _hostname+"/topics/auto_complete_for_table_thing", // url to your data source
focus: false, // whether or not to auto-focus the textbox upon creation
onEnter: function(value) { // handler for hitting the 'enter' key
console.log(value);
document.setLocation("http://apps.facebook.com/researchr/topics/search?topic_search="+value);
},
delayTime: 100, // amount of idle time after a keypress before making the ajax call
clearOnEnter: false // whether or not to clear the text after they hit enter
};

function ajaxSuggestFbml(obj, options) {
this.obj = obj; // Setup the events we're listening to
this.obj.addEventListener('focus', this.onfocus.bind(this))
.addEventListener('blur', this.onblur.bind(this))
.addEventListener('keyup', this.onkeyup.bind(this))
.addEventListener('keydown', this.onkeydown.bind(this))
.addEventListener('keypress', this.onkeypress.bind(this));
}
. . . . . . . . . blah blah blah ALLLL that code . . . . .


Okay now… phew. Here is the IMPORTANT facts! notice in your options the AjaxURL line. This will have to be changed to the directory of your auto_complete_for_table_thing function. Now, you will want your auto_complete_for_table_thing in the CONTROLLER of whatever it is your searching in your database. In my case, I want to search through my database for Research Topics that have title’s and body’s. So, I want to put my auto_complete_for_table_thing function inside my topics controller. here is my example:

def auto_complete_for_table_thing # this is for the auto complete function in header.fbml.erb
topics = Topic.find(:all,
:conditions => [ 'page_title LIKE ?', params[:suggest_typed].downcase + '%'],
:limit => 30,
rder => 'page_title ASC').map { |n| n.page_title }
topics = topics.uniq
topics = topics[0...10]
render :text => "{fortext:#{params[:suggest_typed].to_json},results:#{topics.to_json}}"
end

notice the differences in my table to the suggested one. I made some changes (which you will have to make to) to make it work correctly for my usage. First I am searching through all of my topics objects in the database. I am using the :conditions => hash to tell it im looking for all instances where the topics “page_title” is LIKE ? (a MySQL command) the suggested type (what was entered inside the search bar). I chose page_title because that is intuitively what a user would be looking for. Example: if the user wanted to know something about Philosophy, most of my topics with have in its page_title Philosophy of …. Philosophy of … etc etc etc. That way, it will now be picked up during the AJAX call. I also had to uniq my topics because I had many topics with the same page_title as another one, this got rid of the ugly duplicates in the suggested topic results. This is not necessary unless you are getting multiple of the same objects you are looking for.

Okay, now so you created your auto_complete_for_table_thing function in your controller. You must make sure your AjaxUrl in your options is linked to it correctly like mine is.
ajaxUrl: _hostname+"/topics/auto_complete_for_table_thing", // url to your data source
you may have to play with the link to get it pointed to your specific controller which contains the auto_complete function in it. Once its pointed correctly and you have inserted the neccessary JavaScript code given in the example, you will have to now create the actual search bar. There are many ways to create a search bar but I will show you my example. This also is in my layouts/_header.fbml.erb file. (this should be in the same file as the JavaScript and options.
example:

input id="search_box_topics" autocomplete="off" maxlength="20" type="text"/>
input type="button" value="search" onClick="suggestr.options.onEnter(suggestr.obj.getValue());"/>
var suggestr = new ajaxSuggestFbml(document.getElementById('search_box_topics'),options);

this creates the search box and starts up your ajaxSuggestFbml java script function. Once this is put in KABLAM, it should work. If it doesn’t work you should check main things:
1) your options and javascript is in the desired file
2) your search box is in the same file as the java script
3) your auto complete is in your controller and is set correctly
4) your AjaxUrl is pointing correctly to the /controller/auto_complete_for_table_thing

with all of that correctly set up you should have a working auto complete search box connected to objects in your database!

Hope everything works out and that this was helpful!

P.S. Whatever you are searching for (be it first names, last names, titles) should be INDEXED in your migration. This will allow for faster database searching and will shave off a lot of seconds of “would be wait time” for users to get the search results. Google on indexing a column for MySQL databses, because that is what I used for mine.