Abrir pagina somente quando pesquisar algo

[cissah 0]

Oi gente,

 

Em um site onepage que estou fazendo, no topo da pagina há um campo de pesquisa, em que só sera realizada a pesquisa, quando eu apertar a tecla enter.

O que quero fazer é que, ao teclar enter, seja aberta a pagina com o resultado da pesquisa, ou seja, mostrar esta pagina somente quando pesquisar algo, e quando estiver navegando no site, deixar a pagina oculta.

 

$(window).load(function(){
     
//#page6 é a pagina da pesquisa
    $("#page6").css("display","none");


    $("#pesq").keypress(function (){   
        $("#page6").css("display","block");
    });
 
    
}

 

Só preciso abrir a pagina quando realizar a pesquisa, fora isso, a pagina tem que estar oculta, inclusive quando abrir o site!

[xanburzum 169]

Coloca ele numa DIV oculta e exibe, só quando for fazer a pesquisa

[peterlink 1]

Crie uma div vazia e posicione ela no local aonde quer que abra e depois

use jquery para detectar um click no botao ou um aperto de tecla, mandando carregar a pagina do resultado nessa div.

 

Exemplo:

$( "#id_botao" ).click(function() {
  $( "#id_div" ).load('url');
});

Pode enviar parametros por GET ou pode trocar o método load pelo ajax que envia dados por post.

[cissah 0]

Ainda não funciona! Explicando bem certinho:

O código está assim:

 

A caixa de pesquisa está no arquivo topo.php:

<div id="box_pesquisar">
   <form name="form_pesquisa" action="#page6" id="form_pesquisa" method="GET">
       <img id="seta_pesq" src="images/seta_pesq.png" />
       <input id="pesq" onclick="if(this.value=='Pesquisar no site')this.value='';" onblur="if(this.value=='') this.value = 'Pesquisar no site';" onkeypress="pesquisar();" type="text" name="pesq"  value="Pesquisar no site" />
       <input type="submit" name="pesquisa" id="pesquisa" value="OK">
   </form>
</div>

OBS: O submit deste form não está visivel para o usuario, ou seja, ele ira realizar a pesquisa somente dando enter, sem ter o clique!

 

A pagina que vai retornar o resultado da pesquisa está incluida no arquivo index.php:

<div class="page" id="page6" >
    <div class="centro">
        <?php include './pesquisa.php'; ?>
    </div>
</div>

 

E eu não consigo fazer com que, ao pesquisar algo, a pagina não seja carregada, ou seja, ela sempre carrega!

Tenho este código aqui, mas não sei como fazer no local do href, pois na caixa de pesquisa não tem link, só input!

<script type="text/javascript">
    $(document).ready(function(){
        $("#pesq").keypress(function(){
            var href = $( this ).attr('href');
            $("#page6").load( href +" #page6");
        });
    });
</script>

 

 

É isso gente! Se puderem me ajudar logo!!

Obrigada!

Gente, deu certo!

Obrigada peterlink pela ajuda, com sua dica consegui fazer funcionar!