Fala, galera!

Num projeto, precisei informar uma lista de aeroportos. O dropdown que iria disponibilizar esta lista foi criado com pequena largura (apenas 20 caracteres) e eu não poderia aumentar, por causa do layout da página. O nome e código do aeroporto ultrapassava o número de caracteres que aparece no dropdown, fazendo com que seja cortado o nome. Segundo os requisitos do cliente, isto não poderia ocorrer!

Imagem 1: Dropdown cortando o texto com o texto do aeroporto!

Então, para resolver este pequeno problema, resolvi pesquisar uma forma de exibir um texto de ajuda ao passar o ponteiro do mouse sobre o item do dropdown. Para a minha surpresa, algo tão simples demorei um pouco para conseguir encontrar algo relevante e que realmente funcionasse. Depois de várias tentativas frustradas, encontrei uma solução simples que estou compartilhando abaixo:

ListItem li = new ListItem("Manaus-AM (MAO)", "MAO");

li.Attributes.Add("Title", "Manaus-AM (MAO)");

ddlAeroporto.Items.Add(li);

Como podem ver, é simples! Basta incluir um atributo ao item do dropdown com o nome "Title" e o texto que tem que ser exibido.

Imagem 2: Texto de ajuda com o texto completo!

Abraços!

Fala, Galera!

O que é a API AJAX de pesquisa do Google? 

A API AJAX de pesquisa do Google permite usar JavaScript para colocar a Pesquisa do Google nas suas páginas web. Você pode incorporar uma caixa de pesquisa simples e dinâmica, e exibir resultados de pesquisa em suas próprias páginas web.

Mais informações em http://code.google.com/intl/pt-BR/apis/ajaxsearch/

Abraços!