LAYERDEV

 Busca Online:
 

Seja bem vindo(a) Visitante, voc no est logado deseja logar
na comunidade ASPNETi.COM e participar de servios e promoes ? clique aqui.

Search do Windows Live em Seu Site



Data Publicação: 8/2/2008 11:03:23
Total de visualizações: 1491

comente
Diminuir o tamanho das letras Aumentar o tamanho das letras


 

 

 

            Olá pessoal, meu nome é Mauricio Junior. Escrevo este artigo para mostrar a todos como colocar um sistema de busca eficiente em seu site, com paginação e interface bonita mesmo que não tenha banco de dados, arquivos indexáveis e um sistema de busca no site. Você deve estar pensando: - mas como colocar um sistema de busca em meu site?

 

            Estive navegando na internet e acabei vendo esse tipo de opção junto ao outro site cujo gostei de como foi feito. Portanto, comecei a pesquisar sobre o assunto e sobre a ferramenta, pois com algumas linhas de código o mesmo é colocado em seu site e busca todos os dados que existem nele automaticamente. Existe a paginação que existe na busca e o mais importante, sem sair da sua primeira página em layout.

 

            Resumindo, precisa-se apenas de alguns campos html e duas funções em javascript para o devido funcionamento. Esta busca pode ser colocado em qualquer site, mesmo se o mesmo for apenas html. Basta atribuir o site e tamanho da tela que irá aparecer depois que o usuário fizer alguma busca.

           

            No decorrer do artigo, mostrarei o código normalmente. Utilizarei o CallBack via javascript cujo o sistema disponibiliza para todos.

 

Primeiro Botão

Onde digita os dados.

 

<input id="WLSearchBoxInput" size="11" style="background-position: right 50px; background-image: url('http://search.live.com/s/siteowner/searchbox_background.png'); width: 161px; background-repeat: no-repeat; height: 16px; border: #ffffff 0px" type="text" value="loading..." />

 

Segundo Botão

Onde clica para buscar os dados e aparecer a tela de resultados.

 

<input id="WLSearchBoxButton" src="http://search.live.com/s/siteowner/searchbutton_normal.PNG" style="border-style: none" type="image" />

 

 

            No primeiro botão, coloco como background uma imagem usada junto ao site da Microsoft.

 

Primeiro JavaScript

 

<script charset="utf-8" type="text/javascript">

                                        var WLSearchBoxConfiguration=

                                        {

                                                    "global":{

                                                               "serverDNS":"search.live.com"

                                                    },

                                                    "appearance":{

                                                               "autoHideTopControl":false,

                                                               "width":600,

                                                               "height":400

                                                    },

                                                    "scopes":[

                                                               {

                                                                           "type":"web",

                                                                           "caption":"|MAURICIOJUNIOR.ORG|",

                                                                           "searchParam":"site:http:\/\/www.mauriciojunior.org"

                                                               }

                                                               ,

                                                               {

                                                                           "type":"web",

                                                                           "caption":"Web",

                                                                           "searchParam":""

                                                               }

                                                    ]

                                        }

                            </script>

 

Explicação: O mais importante aqui é você colocar um label para o titulo cujo está com o nome caption junto ao javascript. Depois o próximo parâmetro que precisa ser atribuído é o searchParam cujo você coloca o site onde deverá ser buscado os dados.

 

Segundo JavaScript

 

<script language="javascript" src="http://search.live.com/bootstrap.js?ServId=SearchBox&amp;ServId=SearchBoxWeb&amp; Callback=WLSearchBoxScriptReady"></script>

 

Explicação: Esse segundo javascript é apenas para aparecer a tela e utilizar o callback.

 

Resultado final.

 

 

Espero ter ajudado a todos. Segue todo o código fonte utilizando tabelas e imagens específicas abaixo.

 

 

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center">

    <tr>

        <td align="right">

            <table>

                <tr>

                    <td>

                        <img src="http://search.live.com/s/siteowner/poweredbywl.gif" />

                    </td>

                    <td>

                        <div id="WLSearchBoxDiv" style="width: 162px">

                            <table cellpadding="0" cellspacing="0">

                                <tr id="WLSearchBoxPlaceholder">

                                    <td style="border-right: #4b7b9f 2px; border-top: #4b7b9f 2px solid; border-left: #4b7b9f 2px solid; border-bottom: #4b7b9f 2px solid">

                                        <input id="WLSearchBoxInput" size="11" style="background-position: right 50px; background-image: url('http://search.live.com/s/siteowner/searchbox_background.png'); width: 161px; background-repeat: no-repeat; height: 16px; border: #ffffff 0px" type="text" value="loading..." />

                                    </td>

                                    <td style="border: #4b7b9f 2px solid">

                                        <input id="WLSearchBoxButton" src="http://search.live.com/s/siteowner/searchbutton_normal.PNG" style="border-style: none" type="image" />

                                    </td>

                                </tr>

                            </table>

                            <script charset="utf-8" type="text/javascript">

                                        var WLSearchBoxConfiguration=

                                        {

                                                    "global":{

                                                               "serverDNS":"search.live.com"

                                                    },

                                                    "appearance":{

                                                               "autoHideTopControl":false,

                                                               "width":600,

                                                               "height":400

                                                    },

                                                    "scopes":[

                                                               {

                                                                           "type":"web",

                                                                           "caption":"|MAURICIOJUNIOR.ORG|",

                                                                           "searchParam":"site:http:\/\/www.mauriciojunior.org"

                                                               }

                                                               ,

                                                               {

                                                                           "type":"web",

                                                                           "caption":"Web",

                                                                           "searchParam":""

                                                               }

                                                    ]

                                        }

                            </script>

                            <script language="javascript" src="http://search.live.com/bootstrap.js?ServId=SearchBox&amp;ServId=SearchBoxWeb&amp; Callback=WLSearchBoxScriptReady"></script>

                        </div>

                     </td>

                 </tr>

            </table>

       </td>

   </tr>

</table>

 

 

Espero que ajude a todos.

 

Mauricio Junior

www.mauriciojunior.org

 



Total de visualizações: 1491
voltar   comente  subir


Comentários:


Comente (dê sua opinião): VOCÊ PRECISA LOGAR

Comentário:
Código Imagem:  (digite o código da imagem respeitando maiúsculo e minúsculo)

Favor digitar o código da imagem para cadastramento.

 

Outros Artigos do Autor

Justiça isenta Itaú por captura de senha de correntista
IsAlpha
Themas - Muito Simples
Trabalhando com STORED PROCEDURE
Criptografando URL
Channel9 - Soap, OData, Json
Armazenando Dados no ViewState Parte II
Servidor Integrado - Visual Studio.NET
Mobilidade e Aplicativos Mobile
II Encontro - Um Sucesso!!! (em Brasília)
Propaganda Microsoft - Vemos como será e não como é.
Escrever log de erro e warning
Sistema ASP 3.0 utilizando 3 camadas – Parte 2
Zune
Copa Microsoft de Talentos
User Control Windows executando no Internet Explorer (parte 2 de 2)
Nem tudo é o que parece!
SQL Server 2005 SP2 já está disponível :)
Descobrindo e criando tecla de atalho com Windows Forms
Virtual Earth – Primeiro Passo
Criando Splash - Com Efeito
Windows Phone 7, nada como aprender vendo
Ebook Grátis Microsoft
Controle de peso mobile
As várias mensagens do Sistema Operacional
Envio de e-mail através de formulário web
Misturando dados
Membership
101 Exemplos de Linq
Sistema de Login em ASP – Parte II
Windows Form - Retornando valor entre formulários
Documento padrão de desenvolvimento
Consultando CEP via WebService
Chama método que está dentro do COM PLUS (COM +)
Saiba ganhar dinheiro navegando na internet
Sobre o Autor
  [sumir] [aparecer]
 
Mauricio Junior Maurício Júnior
Formado pela Faculdade Anhanguera, Especialista pela FGV (Fundação Getúlio Vargas), Pós-Graduação em Docência Superior e cursando Mestrado na UNB Engenharia Elétrica; .
Tenho 27 anos e possuo sete livros publicados pela editora Ciência Moderna no ano de 2009. Sou Certificado Microsoft MCP, MCAD e MVP, faço parte da comunidade ASPNETI.COM, onde publico artigos, vídeos, ebooks e livros Publico artigos, vídeos e podcast em outras comunidades. Trabalho como Analista de Sistemas / Desenvolvedor na empresa ATP S/A. Blog:  blog.mauriciojunior.orgSite pessoal  www.mauriciojunior.org

Informaes Online
Usurios Online: 366
Artigos:  750
Vdeos:  61
PodCast's:  44
Frum:  3128
Empregos:  1385
Usurios Cadastrados: 6163
Publicidade
LAYERDEV




Vdeos Publicados
 

Duas dicas de internet - Google RealTime e OpenDNS

Desconfie sempre da internet e emails

Microsoft Office online no Safari funcionando

Inovação Visual Studio .NET 2010 - parte 4

Office Live online

TAB TAB na ferramenta Visual Studio .NET

Apresentação do IMC - Sistema de Controle de Peso Mobile

Inovação Visual Studio .NET 2010 - parte 3

Inovação Visual Studio .NET 2010 - parte 1

Download de vídeos com o Safari

Criando Chart - Novo componente integrado com o Visual Studio.NET 2010

Serviços: SAC e SMS integrado

Café com TI - Info sobre o Visual Studio.NET 2010 - WebConfig

Café com TI - Info sobre o Visual Studio.NET 2010

Café com TI - Vírus se passando por Correios

Café com TI - Novo jeito de mandar e-mail com vírus

Café com TI - Formatando todo tipo de String

Resolvido erro do Banco do Brasil no browser

Erro no site do Banco do Brasil com o Safari

Duas dicas do Snow Leopard

Incompatibilidade no Snow Leopard

E-mail com vírus, veja os detalhes

Café com TI - Continuando a configuração de Themes no site

Café com Ti - Banner Rotativo

Café com TI - Evento Eco Brasília

Café com TI - Themes dentro do ASPNETi.COM

Café com TI - Trabalhando com o iCal no Macbook

Café com TI - Deixando o rodapé do seu site fixo

Café com TI - Windows 7 sendo utilizado sem qualquer incompatibilidade

Café com Ti - ASP.NET - Explicando o componente ModalDialogExtender do Ajax Toolkit

Café com TI - Indexação de URL com ASP.NET

Café com TI - Configurando Mail para sua conta no HotMail
Enquete ASPNETi.COM
 Os podcasts tem sido proveitoso pra você?

Favor logar para votar
 
Publicidade Vertical
NETITC