Una duda de tonto.

MrBigel

¡Buenas señores!

Estoy desarrollando una página web(por puro gusto) y necesito la siguiente funcionalidad:

· Cada vez que se haga click en una de las categorías (sillas, mesas, tumbonas y sombrillas):

Debe mostrar un contenido existente en la BBDD, el caso, es que si que consigo que lo muestre de manera independiente

$consulta="SELECT * FROM sillas";
$result = mysqli_query ($con, $consulta);
			while($fila = mysqli_fetch_assoc($result)){
						$nombre = $fila['nombre'];
						$nombre_imagen = 'img/productos/'.$fila['nombre_imagen'].'.jpg';

PERO, no consigo que cada vez que pinche en una categoría actualice el contenedor derecho(donde se muestran los productos) con el contenido de la BBDD de dicha categoría.

Conozco js, jQ, ajax, php y demás de forma básica, .

Mi idea sería algo como:

$("#categorias li").bind("click",function(){
		if($(this).html() == "Sillas"){
			//AJAX correspondiente para seccion Sillas 
		}

Aún así no consigo entenderme hacerlo con AJAX.

Muchas gracias por vuestro tiempo compañeros, perdón por esta pregunta de roockie.

Un cordial saludo,
MrBigel.

Kr4n3oK

Prueba a limpiar el contenedor donde se pintan los elementos primeramente a ver que ocurre. Sería con un empty().

B

Tendrás que sobreescribir el html de dentro del componente (con jQuery por ejemplo, aunque no soy muy fan de este).

NasheR_R

Puedes hacer un .php al que llamar por AJAX en el que pases por parámetro la categoría a buscar, y te quedaria algo como:

$consulta = "SELECT * FROM " . $_POST['categoria'];

Después simplemente con JS reemplazas los elementos HTML que ya tienes por los que te ha devuelto el AJAX

Usuarios habituales