menu con items y subitems

[cualquiera]

hola por favor quisiera que me puedan orientar necesito hacer un menu de 2 niveles que se pueda crear items y cada items sele pueda poner subitems

estos items y sub items los tengo que crear desde una base de datos com php y mysql

la idea es poder crear los nombres de los items y sub items desde un formulario de ingreso

el problemas que tengo es al crear un priemer item como determino cuales seran su subitems de ese priemr item

y al crar un sigueinte item como indicarle que subitem se le asigna a ese siguiente item creado

lo que me piden es que ese menu sea dianamico que se puedan crear items y subitems como les digo, infinitos algo asi espero que se haya entendido o alguein me pase un link de algun ejemplo

gracias

[programadorNovato]

Adapta estas librerías a tu sitio, es muy sencillo, posteriormente, una vez que las tengas funcionando, hacer lo que pides con php es sencillo, trata de hacer que te funcione primero esto y después sobre la marcha vamos trabajando...

http://cssmenumaker.com/

[masterpuppet]

Que tal cualquiera,

Te dejo el link a un post donde se trato el mismo tema.

Saludos.

[cualquiera]

hola gracias por responder si mira ya tengo adaptado el menu lo tengo listo utilizo listas css y un sencillo jquery para el menu te pego el codigo si deseas lo que justamente tengo problemas es como crerar las tablas en la bd he visto por hai que es una tabla para los items y otra para los subitems haora el problema que tengo es como enlazo o vinculo cuando se crea un item y que cuando se crea un subtiem i varios subitems le esepcifico que pertenece al item creado y asi sucesivamente cuando creo otro item como le digo que los sub items son para el siguiente item el problema no lo tengo en armar el menu ya lo tengo listo el problema lo tengo en como armar las tablas en la bd y hacer la relacion e ntre los itema y subitems esper ome hayas entendido te dejo le codigo de el menu
gracias.

los <ul></li>

<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet
Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>

el css

<style type="text/css">
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}

ul li {
position: relative;
}


li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}



ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}

li:hover ul { display: block; }

li:hover ul, li.over ul {
display: block;

}

</style>

el jquery :


<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace»
(" over", "");
}
}
}
}
}
window.onload=startList;
</script>

[nuevoconphp]

Iniciado por cualquiera

alguna otra ayuda

No se si haz usado jquery, pero cada vez que tengo q hacer algo asi uso un plugin de jquery (que ademas de facil y personisable de usar, por lo general tienen buen diseño), y entonces segun como funciones el plugin lo adaptas a tu codigo php y mysql, por lo que puedes cambiar los items and subitems desde un formulario, ahora mismo no tengo q usar mis plugins del menu mediante ningun formularios pues son solo enlaces fijos y no me hace falta cambiarlos pero si quiziera fuera relativamente facil. No se si tu pude ayudar en algo. Suerte.

[cualquiera]

hola gracias claro que conosco jquery es mas com dije el menu queestoy usando y que deje de ejemplo usa un pequeño script de jquery y como decia el menu ya esta listo es un menu que tiene categorias y de los cuales se seprende subcategorias, lo que no puedo realizar es priemro como estructurar la tabla o tablas en la base de datos como hago la relacion entre las categorias y subcategorias, luego necesito insertar los nombres de esas categorias y subcategorias por medio de formularios de ingreso que vayan a esas tablas de la base de datos y despues generarlas dianamicamante cuando ingrso el nombre por ejemplo la categoria 1 y despues indicarle que subcategorias le pertenecen a la catwgoria 1 y asi sucesivamanete cuando creas otras categorias y poder insertarle su subcategorias

gracias

[anacona16]

Lo que necesitas es algo como esto? http://example.net.co/php/catalogo.php

Al lado izquierdo hay un menu con items y subitems se pueden agregar items al agregar categorias y subitems al agregar productos para una determinada categoria, todo esto dinamico.

[cualquiera]

si exactamente eso es lo que necesito exactamente igual es un menu para mostrar prodctos como ese y cada vez queselecciones una subcategoria te cargue la galeria correspondiente todo eso dianamicamente donde puedo conseguir u demo o tutorial como puedo hacer todo eso gracias por responder y es lo que busco exactamente

gracias y aver si hya alguna ayuda
es urgente

[anacona16]

Bueno pues demo o turorial ninguno eso lo hice para una empresa, pero es muy simple y sencillo, son dos ciclos for uno anidado, aqui te pongo el codigo:

Código PHP:

<ul>    
<?php
    function consultaCategorias ($sql)
    {
        $consulta_categorias = $sql->consulta("SELECT * FROM tb_categorias");
        for ($i=0; $i < $categorias = $sql->fetch_array($consulta_categorias); $i++):
    ?>
        <li><a href="http://www.forosdelweb.com/f18/categorias/<?php echo $categorias['codicate'] ?>"><?php echo $categorias['nombcate'] ?></a>
            <ul>
                <?php
                    $consulta_productos = $sql->consulta("SELECT * FROM tb_productos WHERE codicate = '".$categorias['codicate']."'");
                    for ($j=0; $j < $productos = $sql->fetch_array($consulta_productos); $j++):
                ?>
                    <li><a href="http://www.forosdelweb.com/f18/productos/<?php echo $productos['descvinculo'] ?>"><?php echo $productos['descprod'] ?></a></li>
                        <?php endfor; ?>
            </ul>
        </li>
        <?php endfor; ?>
    <?php } ?>
</ul>
 

Este el codigo que consulta y muestra pero hay otros scripts que tiene el css del menu y el js del menu.

Cualquier duda pregunta.

[cualquiera]

hola gracias si me parece bien pero como te digo necesito empezar por el menu desde le incio como seria la estructura de las tablas en la base de datos seria una catabla de categoria y otra tabla de sub o una sola como seria el armad ode las tablas en la bd y lurgo como inserto el recorset para alimentar el menu , las categorias y que coja su subcategorias tu me stas poniendo como llamr ya el menu y sub menu pero quisiera priemr osaber com oestructuro la base de datos luego como alimento le menu desla base por favor podrias ayudarme con eso dese linico en ese orden


gracias

[anacona16]

Oye tu nombre de usuario no es muy amigable, bueno pues empezandos son dos tablas en la base de datos, categorias y productos (en mi caso) un categoria tiene muchos productos y de ahi el codigo de la categoria tiene que ir en la tabla productos.

Luego para alimentar el menu, primero tienes que insertar, registrar o publicar (como lo quieras llamar) categorias, luego para los productos pues cuando llegue el momento de seleccionar las categorias las lista en un combo box.

Algo mas o menos asi.

[cualquiera]

hola bueno el nombre es por que no encontraba uno todos me decian que ya estaba usados me llamo jose trabajo como webmaster en a empresa la explocacion de la estrctucttra dela base de datos que me dices laentindo pero me justaria se fueses un poco mas claro por ejemplo me me ustariaqueme indiques no la cantidad de registros que tienes si no como esta estructurado y supongo que tienen una realcion entre ambas tablas que pongas un ejemplo algo coma me digas la tabala categorias tiene una estructura asi id_categorias, nombre etc que me digas cuales son los campos de cada tabla la estructira de la tabal no el econtenido como esta armado cada tabla y por lo que me cometas creo que la realcion de ambas tablas estan por el id en este caso en la tabla productos realcionasel id de categorias per oquisieraque me ayudes con la estrcura de los campos de ambas tablas com oestan formadas y realcionadas de alli ya el menu lo tengo echo pr oquiere empezar priemro como estructurar la base de datos

gracias y esper oque me tengs paciwencia y comprender

Jose

[anacona16]

Esta es la estructura de las tablas

[cualquiera]

ok ya lo tengo claro entiendo la que la tabla categoria es para el menu y la tabla productos para los productos hasta alli esta claro una ultima duda en el ejmplo de la web que me nviaste tienes una lista de menu que cuando pasas el mouse sobre le menu se despligan subitems en el codigo que pegaste antes eso es lo que muestra el menu con las categoris y subcategorias? haora una segunda cuando yo ingreso con un formulario de insercion el nombre de la categoria a que tabla apunto a la tabla categoria y como se que cuando creo el nombre de categoria, que subcategoris le pertenecen. lo que te quiero preguntar es como inserto el nombre de la categoria y las subcategorias atravez de un formulario de insercion a esa estructira de base de datos que enviaste

no se si me entiendes


Gracias

[anacona16]

en el codigo que pegaste antes eso es lo que muestra el menu con las categoris y subcategorias?

Si, el primer ciclo for consulta las categorias y las muestra, internamente el segundo cinclo for consulta los producto que pertenecen a la categoria que acaba de consultar y los muestra, ese menu esta hecho con CSS y jQuery (de estos puedes encontrar muchisimos en google) yo use este http://www.dynamicdrive.com/style/cs...side_bar_menu/ claro lo personalice.

haora una segunda cuando yo ingreso con un formulario de insercion el nombre de la categoria a que tabla apunto a la tabla categoria y como se que cuando creo el nombre de categoria, que subcategoris le pertenecen

Bueno como ves, mi tabla tiene tres campos el tercer campo es opcional, pero en un formulario con un solo campo de texto digito el nombre de la categoria y guardo

Código SQL:

INSERT INTO tb_categorias (0,'".$nombcategoria."')
 

Ahora al momento de insertar un producto, pues en un formulario que ademas de pedir los demas campos, en un combo selecciono la categoria a la que pertenece ese producto. Mira esta imagen:

[cualquiera]

ok esta alli esta mas calro entiendo que ese form que me muestra es cuando ya estas creando un glaeria o productos y le pides como dices que mediaante le combo selecciones a que cateoria va a perenecer ese producto y le pides algunos taos mas como referencia y subir la iamgen es oya me queda claro la duda que tengo o no te entendido o no me quedaclaro es como logro esto si tengo una categoria

PRODUCTO
- PRODUCTO 1
- PRODUCTO 2
- pRODUCTO 3

como le digo al formulario de inserccion que cree la categoria producto
y que producto 1, producto 2 y producto3 son los subitems de producto

y asi se deso crear otras categoria con subtiems eso aun no lo comprendo a vr si me lo puedes aclarar

gracias

[cualquiera]

bueno no me quda claro tu explicacion necesito mas ejemplos talves tu .sql para ver bien la estructura de tus tablas tu php donde isertas el codigo del menu algo mas completo pues intente tu estructura de tablas me pones un campo que dice novisto pero no se para que sirve o que datos se insertan en ese campo como recuperar los datos probe y pegue tu codigo puse valores en la tabla nombre y no me mestra nada nesito queseas mas especifico pues no me resulta
gracias

[anacona16]

Te dije el tercer campo de la tabla tb_categorias era opcional, por eso el sql que te postee solo se insertan dos datos, el 0 para un campo autoincremento, y el '".$nombcategoria."' para lo que hayas digitado en el campo del formulario para digitar las categorias.

Código PHP:

$nombcategorias = $_POST['categorias'];
 

Ahora al momento de seleccionar una categoria del combo (las categorias del combo se cargan desde la bd) la opcion selecciona tiene un value o codigo.

Código HTML:

<option value="codicategoria">categoria 1</option>
 

y ese es el que se inserta a la tabla productos.

[cualquiera]

ho la mira ya tengo claro como relacionar las tablas como llamar a cada categoria con cada link del menu lo que no puedo hacer es como tu ejemplo del menu que al pasar el mouse sobre una categoria salgasn los subitems con los productos que tiene cada items a mi sale pero todas las categorias me listan los mismo subitems y eso que los tengo separadasor o relacionados cno en el id de la categoria no se si me entiendes

te explico mejor tengo 7 categorias con su id

y en la tabla productos relaciono ciertos productos con el id de por ejemplo la caegoria 1 otros productos con el id de la categoria 2 asi sucesivamente a la hora de crar el menu con las 7 categorias no hay problema el poblema es como le digo a la categoria 1 que solo me muestre en sus subcategorias solo los productos relaciondos con el id de la categoria 1 si creo otra categoria que sea 2 las tengo relaciondas con los productos que tienen el id de la categoria 2 entiendes haora en e menu como muestro eso dependiendo de cada id slo que muestre cada item su submenus relacionados pues el error que tengo es que las 7 categorias me mustran todos los submenus creados asi los tenhga relaiondos por id no se si estoy haciendo algo mal o tal vez nop estoy filtando bien para que e muestre solo los subitems reklacionados por categorias espero me entiendas

aludos

[Triby]

... te explico mejor tengo 7 categorias con su id ...

Si, por favor!

La mejor forma de explicar lo que tienes es mostrandolo, pon aqui tu codigo y cuentanos exactamente el problema... ten por seguro que obtendras respuesta mas facil y mas rapido.

[cualquiera]

lo que tengo es esto que vienen de las consultas de las tablas productos y categorias pero no me sale el menu como el ejemplo del link


<ul id="nav">

<li>
<?php do { ?>
<a href="#"><?php echo $row_rs_categorias['nom_categoria']; ?></a>
<?php } while ($row_rs_categorias = mysql_fetch_assoc($rs_categorias)); ?>
<ul>
<?php do { ?>
<li><a href="#"><?php echo $row_rs_peoductos['nombreproducto']; ?></a></li>
<?php } while ($row_rs_peoductos = mysql_fetch_assoc($rs_peoductos)); ?></ul>
</li>
</ul>

[cualquiera]

si necesitan mas datos me avisan algoo mas que les pueda ayudar solo avisen

[cualquiera]

bueno no he solucionado el problema y no engo respuestas mas claras para slir de este problema como digo necesit oghacer un menu como el ejemplo que deje de manera dianamica y quese alimente deu na base de datos y poder insertar los items y sub items desde formularios de ingreso esper oque alguien pueda dar una explicacion mas clara y con ejemplos

saludos


gracias

[carlos_belisario]

bueno creo que puedes revisar en el foro de CSS en las faqs hay varios menus con css, puedes revisar ahi y adaptar alguno a lo que necesitas, saludos

[cualquiera]

hola no tengo problemas con el meneu ya esta echo lo que tengo problemas es crear dinamicamene el menu osea como listo desde la base dedatos las categorias y subcategorias y que se relacionen, cual es cre oque exite una funcion para listar ls <ul><li> con php que me permitnasarmar la estrctura de menu que estoy buscando ya teng oel menu que quiero funciona bien lo que deso es crear ese menu con php desde la base de datos tengo dos tablas categorias y productos y los productos se realcionan con el id de categorias lo que necesit oes generla las categorias dianmicamente y que al pasar el mouse sobre una categoria me muestre solo los productos de esa categoria y asi por cada item o categoria, entiendo que eso deveria suceder pues tengo relacionada porejemplo la categoria uno diagamos 5 productos que tiene la realcion con el id de la categoria 1 y si tengo otros 5 productos que esta nrealcionados con otra categoria que su id es el 2 solo esa categoria deveria desplegar el submenu con los productosd que pertenecen a la catwgoria 2 y asi por cada ctaegoria

me dejo entender

gracias

[anacona16]

Ok, entiendo que con lo que tienes problemas es con la consulta de las categorias y dentro de ellas los productos de cada una

<ul>
<?php
function consultaCategorias ($sql)
{
$consulta_categorias = $sql->consulta("SELECT * FROM tb_categorias");
for ($i=0; $i < $categorias = $sql->fetch_array($consulta_categorias); $i++):
?>
<li><a href="http://www.forosdelweb.com/f18/categorias/<?php echo $categorias['codicate'] ?>"><?php echo $categorias['nombcate'] ?></a>
<ul>
<?php
$consulta_productos = $sql->consulta("SELECT * FROM tb_productos WHERE codicate = '".$categorias['codicate']."'");
for ($j=0; $j < $productos = $sql->fetch_array($consulta_productos); $j++):
?>
<li><a href="http://www.forosdelweb.com/f18/productos/<?php echo $productos['descvinculo'] ?>"><?php echo $productos['descprod'] ?></a></li>
<?php endfor; ?>
</ul>
</li>
<?php endfor; ?>
<?php } ?>
</ul>

Con este codigo que te postee hacess esa consulta. Postea tu codigo de como estas haciendo la consulta y te ayudamos de una mejor manera.

Nota *: FW cambia los enlaces de http://localhost por http://forosdelweb.com

[cualquiera]

hola mira coloco tu codigo y no me netra nada usas una varable $productos['descvinculo'] ? que no se dedonde sale en mi tablas no tengo ningun campo con ese nombre ahora el codigo que utilzo lo genero con e lasitente de dreanweaver osea los recorset o y los select no los llamo dentro de los ul o li como lo pones tu ahora por mas que quito mis consultas que genero con dreanweaver y pongo los tuyos sige sin mostrar nada, ahora los recorset y select que genero con dreanweaver no los pongo por que no se si estan bien echo las consultas y los query lo que te puedo poner son los campos de mis tablas de la bd y con eso puedas construir la funcion correcta con los campos que yo manejo por que me colocas nombresque tu utilizas y mis tablas estan los nombres diferentes por mas que cambie los nombres con mis tablas o campos igual no me mestra nada

te pondere ls campos de las tablas categorias

y productos ahora hay campos que tengio de mas en cada tabla per oeso es para ms adelante solo necesito generar los items de las categorias y los productos en cada categoria te pngo las 2 tablas



categorias


-- Estructura de tabla para la tabla `categorias`
--

CREATE TABLE IF NOT EXISTS `categorias` (
`codcategoria` int(11) NOT NULL AUTO_INCREMENT,
`nom_categoria` varchar(50) DEFAULT NULL,
`estado` char(1) DEFAULT NULL,
PRIMARY KEY (`codcategoria`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=8 ;

--
-- Volcar la base de datos para la tabla `categorias`
--

INSERT INTO `categorias` (`codcategoria`, `nom_categoria`, `estado`) VALUES
(1, 'Articulos Publicitarios', 'A'),
(2, 'Imprenta Gráfica', 'A'),
(3, 'Impresión General', 'A'),
(4, 'Fotografía', 'A'),
(5, 'Video', 'A'),
(6, 'Sublimación', 'A'),
(7, 'Misceleanos', 'A');




productos


-- Estructura de tabla para la tabla `productos`
--

CREATE TABLE IF NOT EXISTS `productos` (
`codproducto` int(11) NOT NULL AUTO_INCREMENT,
`codcategorias` int(11) DEFAULT NULL,
`nombreproducto` varchar(250) DEFAULT NULL,
`descripcion` text,
`fecha_ing` date DEFAULT NULL,
`precio_normal` double DEFAULT NULL,
`precio_oferta` double DEFAULT NULL,
`imagen_chica` varchar(50) DEFAULT NULL,
`imagen_grande` varchar(50) DEFAULT NULL,
`oferta` char(2) DEFAULT NULL,
`estado` char(1) DEFAULT NULL,
PRIMARY KEY (`codproducto`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;

--
-- Volcar la base de datos para la tabla `productos`
--

INSERT INTO `productos` (`codproducto`, `codcategorias`, `nombreproducto`, `descripcion`, `fecha_ing`, `precio_normal`, `precio_oferta`, `imagen_chica`, `imagen_grande`, `oferta`, `estado`) VALUES
(1, 1, 'Lapiceros', 'Lapiceros', '2011-03-19', NULL, NULL, NULL, NULL, NULL, NULL),
(2, 1, 'Reglas', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(3, 1, 'LLAVEROS', 'LLAVEROS', NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(4, 1, 'Chapas', 'Chapas', NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(5, 1, 'Tomatodo', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(6, 2, 'mouse', 'Lapiceros', NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(7, 2, 'teclado', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(8, 2, 'monitor', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(9, 2, 'parlantes', NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL),
(10, 2, 'cpu', 'Tomatodo', NULL, NULL, NULL, NULL, NULL, NULL, NULL);

[anacona16]

Iniciado por cualquiera

usas una varable $productos['descvinculo'] ? que no se dedonde sale

$productos es el nombre de la variable que le asigno al arreglo que traigo desde mysql_fetch_array, descvinculo es el campo de la base de datos.

He aqui otro intento para atraparle:

Código PHP:

<?php   
        $consulta_categorias = mysql_query("SELECT * FROM categorias");
        for ($i=0; $i < $categorias = mysql_fetch_array($consulta_categorias); $i++):
    ?>
        <li><a href="categorias.php?codcategori=<?php echo $categorias['codcategoria'] ?>"><?php echo $categorias['nom_categoria'] ?></a>
            <ul>
                <?php
                    $consulta_productos = mysql_query("SELECT * FROM productos WHERE codcategorias = '".$categorias['codcategoria']."'");
                    for ($j=0; $j < $productos = mysql_fetch_array($consulta_productos); $j++):
                ?>
                    <li><a href="productos.php?codproducto=<?php echo $productos['codproducto'] ?>"><?php echo $productos['nombreproducto'] ?></a></li>
                        <?php endfor; ?>
            </ul>
        </li>
    <?php
        endfor; 
    ?>
 

He cambiado todo segun los campos de tu tabla (Ojo revisa y cuadra lo que no mires bien), ahora los vinculos a categorias.php y productos.php arreglalos de acuerdo a la estructura de tu sitio.

[cualquiera]

Gracias Funciona al menos los2 priemros campos realcionados que son donde tengo dat ya cargan correctamente, con respecto al apregunta si mra com tu ejemplo al dar click en una producto te lleva a otra pagina php donde te muestra e producto que elegiste, yo lo tengo que hacer algo diferente tengo que cargar cada product oen la misma pagina al lado derecho y scarlo como una galeria deonde te muestre la foto del producto y con una pagina cion o flecha avanzar o retroceder los productos que hayan en esa categoria o la cantidad de productos que contenga me entiendes como podria hacer salgo asi
si no es molestia en poder ayudarme

gracias y el menu funciona perfecto

jose

[anacona16]

Que bueno que te haya funcionado el menu, pero no acostumbres a que te tengan que hacer las funciones (aqui no siempre hacen eso) es decir nosotros te ayudamo y te guiamos para corregir un error pero no te hacemos todo, y pues a lo demas hay muchos ejemplos de paginacion en google yo te recomiendo esta http://objetivophp.com/?p=101 un compañero de aca de FW la realizo, mirala y has un intento ya luego me cuentas. Ah oye y que no se te olviden mis karmas...