Hola
para lo que quieres hacer debes usar ajax
lo primero cambia:
<input type="text" class="campo-buscar" id="busqueda-blog" size="9" />
por
<input type="text" class="campo_buscar" id="busqueda_blog" size="9" />
js no se lleva bien con los "-"
para que no te recargue la pagina debes anular el evento submit del html
ya que tiene prioridad sobre js, por ejemplo con un return false;
el codigo js te quedaria algo así:
Código:
$(document).ready(function(){
$("#form1").on("submit",function(){
var _campo_buscar = $("#busqueda-blog").val();
$.post("buscador.php",{campo_buscar: _campo_buscar}, function(busca){
$('#Contenedor_Resultado_de_Busquedaa').html(busca); // ojo con los -
});
return false;
});
});
en el lado de servidor deberas hacer la consulta en un archivo "buscador.php"
suponiendo que uses php
Código:
<?php
$campo_buscar = $_POST['campo_buscar'] ;
aqui haces la busqueda en la BBDD o lo que sea
<p> aqui un resultado </p>
<p> aqui otro resultado </p>
?>
Saludos.