Visualizar datos de una consulta en un menú CSS

Landa11 · #1 (**permalink**) 11/02/2015, 12:40

Hola que tal, tengo una pequeña duda acerca de una consulta que no puedo visualizar del todo.

Tengo mis registros en mi DB y al momento de llamarlos e insertarlos en mi código de HTML sólo me muestra el #1 y no todos los registros, me pregunto si tengo que hacer un ciclo FOR o un FOREACH para que mi menú muestre todos los datos y se detenga cuando ya no haya más por mostrar.

Dejo parte de mi código para ver si se puede entender lo que deseo realizar, gracias por el apoyo!!!!!

Código PHP:

Ver original<?php 
//configuracion de la conexion a la base de datos
$host = "localhost";
$usuario = "";
$password = "";
$base_datos = "almacenamiento";
 
$conexion = mysql_connect($host, $usuario, $password);
mysql_select_db($base_datos, $conexion);
 
//consulta de los datos guardados
$sql=mysql_query("SELECT * FROM sucursales",$conexion);
 ?>

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.backstretch.min.js"></script>
 
   <meta http-equiv="X-UA-Compatible" content="IE=7,8,9" />
   <meta charset='utf-8'>
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="styles.css">
  <title></title>
</head>
<body>
<br><table style="color:#006400;width:500px;">
  <tr style="background:#00BFFF;">
    <td>ID Datos</td>
    <td>Zona</td>
    <td>Sucursal</td>
    <td>Cámara</td>
    <td>Enlace</td>
  </tr>

Muestro una tabla de los datos que he pedido y los muestra, hasta aquí no hay problema, lo que necesito es ordenarlo en un menú responsive CSS cómo este:

http://cssmenumaker.com/menu/quartz-responsive-menu

Código PHP:

Ver original<?php
 
$consulta = "SELECT * FROM sucursales GROUP BY zona";
$resultado = mysql_query($consulta) or die(mysql_error());
 
while($campo = mysql_fetch_array($resultado)){
  echo "
  <div id='cssmenu'>
  <ul>
    <li><a href='#'><span>".$campo['zona']."</span></a>
      <ul>
        <li><a href='#'><span>".$campo['sucursal']."</span></a>
          <ul>
        <li><a href='".$campo['enlace']."'><span>".$campo['camara']."</span></a>
        </ul>
      </ul>
    </li>
  </ul>
</div>";
}
?>

Aquí mando a llamar los datos y los muestro pero solo me muestra el primer elemento "Zona", el primer elemento "sucursal" y el primer elemento "Cámara".

hhs · #2 (**permalink**) 11/02/2015, 13:36

Te sugiero que leas sobre como funciona group by:
http://sql.sh/cours/group-by