Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/07/2016, 17:18
Joaso
 
Fecha de Ingreso: febrero-2016
Mensajes: 6
Antigüedad: 8 años, 2 meses
Puntos: 0
Pregunta Abrir un recuadro donde se muestren resultados de una búsqueda

Hola,
Estoy haciendo una web donde voy a tener 3 barras de busqueda con diferentes bases de datos, entonces me gustaría que todo se pudiera hacer en una misma página.

Quiero tratar de que al enviar la búsqueda, en lugar de que abra otra pestaña o modifique la actual, abra un cuadro que ocupe un porcentaje de la pantalla, como cuando le das click a una imagen y se hace más grande.

Si pudieran ayudarme sólo con el código para abrir ese recuadro al enviar la búsqueda agradecería mucho, la búsqueda en sí, ya la tengo hecha.

Código PHP:
<?php 
    
require_once('conn/connect.php');

    if (isset(
$_REQUEST['search'])){
        
$search strtolower($_REQUEST['search']);
    }

    
$consulta "SELECT * FROM art WHERE codigo LIKE '%".$search."%' OR nombre LIKE '%".$search."%' OR descripcion LIKE '%".$search."%' OR categoria LIKE '%".$search."%' OR material LIKE '%".$search."%' OR color LIKE '%".$search."%' OR tecnica LIKE '%".$search."%'";
    
$resultado $connect->query($consulta);
    
$fila mysqli_fetch_assoc($resultado);
    
$total mysqli_num_rows($resultado);
?>
<?php 
if ($total>&& $search!='') { ?>
    <?php do { ?>
        <div class="art">
            <?php echo '<img src="'.$fila['imagen'].'"/>'?>
            <span class="titulo"><?php echo str_replace($search'<strong>'.$search.'</strong>'utf8_encode($fila['codigo'])) ?></span><br>

            <span class="contenido"><?php echo str_replace($search'<strong>'.$search.'</strong>'substr(utf8_encode($fila['nombre']),0,150)) ?></span><br>

        </div>
    <?php } while ($fila=mysqli_fetch_assoc($resultado)); ?>
<?php 
}  
elseif(
$total>&& $search=='') echo '<script type="text/javascript">location.href = "index";</script>';
else echo 
'<h2>No se han encontrado resultados</h2><p>Inténta realizar tu búsqueda con palabras más especificas...</p>';
?>
Éste es el buscador que tengo hecho, el div en donde se muestra la búsqueda se llama "resultados"
Gracias