Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Substituir alert por redirecionamento em código jQuery

09-04-2013 23:46

Olá!

Gostaria de saber como faça para que, em vez de exibir um alert, o código abaixo redirecione para uma página de busca:

<script type="text/javascript" charset="utf-8">           (function($){             $(function(){               $('select').selectToAutocomplete();               $('form').submit(function(){                 alert( $(this).serialize() );                 return false;               });             });           })(jQuery);         </script>

Assim, uma URL como busca.com/search?q=PALAVRA seria chamada através do que ficará no lugar de alert( $(this).serialize() );.

*A alteração na URL seria após search?q=.
0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17587
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Substituir alert por redirecionamento em código jQuery

10-04-2013 10:58

Ficaria assim

location.href="busca.com/search?q="+$(this).serialize();

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 284
Nome: Vinícius Muniz
Descrição do site: As últimas notícias sobre "Harry Potter" em um só lugar.
Sexo: Masculino
Localização: Vargem Grande Paulista, SP
Contato:

Substituir alert por redirecionamento em código jQuery

10-04-2013 11:49

Aê, é isso mesmo! Obrigado! :)

-------

Só que, ao teclar "Enter" após a digitação de algum resultado que não se encontra na lista, a busca não é realizada. A URL após q= fica vazia. Como corrijo?

Código completo

<script src='http://dl.dropbox.com/u/1874574/teste/jquery-ui-autocomplete.js'/>     <script src='http://dl.dropbox.com/u/1874574/teste/jquery.select-to-autocomplete.js'/>         <script charset='utf-8' type='text/javascript'>           (function($){             $(function(){               $("select").selectToAutocomplete();               $("form").submit(function(){               location.href="http://aloteste1.blogspot.com.br/search?"+$(this).serialize();                 return false;               });             });           })(jQuery);         </script>         <style media='screen' type='text/css'>           body {             font-family: Arial, Verdana, sans-serif;             font-size: 13px;           }     .ui-autocomplete {       padding: 0;       list-style: none;       background-color: #fff;       width: 218px;       border: 1px solid #B0BECA;       max-height: 350px;       overflow-y: scroll;     }     .ui-autocomplete .ui-menu-item a {       border-top: 1px solid #B0BECA;       display: block;       padding: 4px 6px;       color: #353D44;       cursor: pointer;     }     .ui-autocomplete .ui-menu-item:first-child a {       border-top: none;     }     .ui-autocomplete .ui-menu-item a.ui-state-hover {       background-color: #D5E5F4;       color: #161A1C;     }         </style> <div class='search-wrapper'>         <div class='search-box' style='background: #fff;border-bottom: 1px solid #ccc;float: left;margin-bottom: 20px;width: 100%;'>                 <form action='http://aloteste1.blogspot.com/search' id='searchform' method='get'>         <select autocomplete='off' autocorrect='off' id='country-selector' name='q'>       <option selected='selected' value=''>Pesquisar</option>       <option data-alternative-spellings='Amora' value='Amora'>Amora</option>       <option data-alternative-spellings='Avelã' data-relevancy-booster='0.5' value='Avelã'>Avelã</option>       <option data-alternative-spellings='Limão' value='Limão'>Limão</option>           </select>   </form>                                                                 </div>                                                                 </div>

0
As melhores notícias sobre "Harry Potter" organizadas em um só lugar. Bastidores, fotos e vídeos das gravações de "Harry Potter e as Relíquias da Morte".

Ordem da Fênix Brasileira
http://www.ordemdafenixbrasileira.com/
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17587
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Substituir alert por redirecionamento em código jQuery

10-04-2013 14:35

Você pode desabilitar o enter no formulário, ou, criar um if, para verificar se o valor "option value" do select está diferente de vazio, ai envia.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado