23/02/2007, 11:26
|
| | Fecha de Ingreso: febrero-2007
Mensajes: 8
Antigüedad: 17 años, 9 meses Puntos: 0 | |
Re: Menu desplegable o expandible en php Aunque soy novato en PHP en esto creo que si te puedo ayudar.
Para empezar me parece que no estás separando tu página en marcos verdad? todo lo tienes en el mismo marco, osea una sola pagina principal.
Eso es lo primero que debes cambiar. ya despues puedes poner el codigo para tu menu desplegable en la pagina del lado izquierdo y dirigirla a la principal.
te paso el siguiente codigo java para un menu desplegable que funciona perfectamente,
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MenuBar</title>
<base target="principal">
<SCRIPT LANGUAGE=javascript>
constMaxItem=2
function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
{
if (i!=active)
{
document.all("sub"+i).style.display="NONE"
}
else
{
document.all("sub"+active).style.display="BLOCK"
}
}
}
</SCRIPT>
<style>
TD.list
{
Font-family: arial;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:link
{
Font-family: arial;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:active
{
Font-family: arial;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:visited
{
Font-family: arial;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:hover
{
Font-family: arial;
COLOR: #FF6600;
TEXT-DECORATION: none
}
</style>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body onload="dynAnimation();">
<p><img border="0" src="images/MenuPrincipal.jpg" width="174" height="36"></p>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="166" class="list" style="Cursor:HAND;" onClick="fnDispThis(1)"><b>
<font size="2"><img src="images/term.jpg" width="174" height="29"></font></b><br>
<div id="sub1" style="Display:'NONE';"> <font size="1"> <a href="61254.htm">Control
</a><br>
<a href="mp.htm">Adm</a><br>
<a href="2541.htm">Logística</a><br>
</font><a href="2541.htm"><font size="1">
Personal</font></a><br>
</div></td>
</tr>
<tr>
<td class="list" onClick="fnDispThis(2)" style="Cursor:HAND;"><b> <font size="2"><img src="images/tras.jpg" width="174" height="29"></font></b><br>
<div id="sub2" style="Display:'NONE';"> <font size="1"> <a href="1221.htm">Control
</a><br>
<a href="5254.htm">Prod.</a><br>
<a href="2541.htm">Logística</a><br>
</font><a href="5245.htm"><font size="1">Personal</font></a><br>
</div></td>
</tr>
</body>
</html>
este codigo lo unico que hace es contraer algunos elementos de las tablas generadas y lo importante para poder hacerla funcinar con mas opciones es la siguiente
constMaxItem=2 es la variable que te controla el numero maxico de items osea opciones del menu
onClick="fnDispThis(2)" esta es la funciona java que te expande la tabla que le estas pasando como parametro en este caso (2).
id="sub2" es el nombre que le das a cada una de las tablas creadas aqui nadamas puedes ir incrementando el numero
lo que tienes que hacer para ponerle mas elementos es copiar la tabla
<tr>
<td class="list" onClick="fnDispThis(2)" style="Cursor:HAND;"><b> <font size="2"><img src="images/tras.jpg" width="174" height="29"></font></b><br>
<div id="sub2" style="Display:'NONE';"> <font size="1"> <a href="1221.htm">Control
</a><br>
<a href="5254.htm">Prod.</a><br>
<a href="2541.htm">Logística</a><br>
</font><a href="5245.htm"><font size="1">Personal</font></a><br>
</div></td>
</tr>
y modificarle los parametros.
obviamente la primera vez que la visualices en el navegador no la vas a poder ver bien, pero si le ajustas algunas imagenes se vera bien.
saludos.
Gamuhz |