Menu DHTML

gonz_mp · #1 (**permalink**) 16/08/2005, 18:45

Hola programadores !

Necesito ayuda en cuanto quiero hacer un menu dhtml como este... http://dhtml-menu.com/examples/dhtml-menu-newex3.html.

Segun este codigo es la configuración de el menu:

Código PHP:

  //Apycom.com DHTML-Tuner StyleNames

//ItemStyles

//Purchase Style

//Separator Style

//Style Three

//End of ItemStyles

//SmStyles

//Submenu Style 2

//End of SmStyles

//End of StyleNames

 
var blankImage="img/blank.gif";

var isHorizontal=1;

var menuWidth="0";

var absolutePos=0;

var posX=30;

var posY=20;

var floatable=0;

var floatIterations=0;

var movable=0;

var moveCursor="default";

var moveImage="";

var moveWidth=0;

var moveHeight=0;

var fontStyle="normal 7pt Verdana";

var fontColor=["#000000","#001835"];

var fontDecoration=["none","none"];

var itemBackColor=["#FFE0C1","#FFEBDD"];

var itemBorderWidth=0;

var itemAlign="left";

var itemBorderColor=["",""];

var itemBorderStyle=["",""];

var itemBackImage=["",""];

var itemSpacing=1;

var itemPadding=3;

var itemCursor="default";

var itemTarget="_blank";

var iconTopWidth=0;

var iconTopHeight=0;

var iconWidth=0;

var iconHeight=0;

var menuBackImage="";

var menuBackColor="#FFFFFF";

var menuBorderColor="";

var menuBorderStyle=["outset"];

var menuBorderWidth=0;

var subMenuAlign="";

var transparency=100;

var transition=17;

var transDuration=400;

var shadowColor="#858585";

var shadowLen=3;

var arrowImageMain=["",""];

var arrowImageSub=["img/arrow1_n.gif","img/arrow1_n.gif"];

var arrowWidth=6;

var arrowHeight=5;

var separatorImage="";

var separatorWidth="100%";

var separatorHeight="0";

var separatorAlignment="";

var separatorVImage="";

var separatorVWidth="0";

var separatorVHeight="100%";

var statusString="link";

var pressedItem=-2;

 
 
var itemStyles = [

   ["itemBackColor=#FFA466,#FFBF95",],

   ["itemBackColor=#FFFFFF,#FFFFFF",],

   ["fontColor=#000000,#000000","itemBackColor=#FFFDB7,#FFFC91",],

];

 
var menuStyles = [

   ["menuBorderColor=#B76900",],

];

 
var menuItems = [

   ["Apycom Home","http://www.apycom.com","","","",,,],

   ["DHTML Menu&nbsp;&nbsp;","","img/blank.gif","img/blank.gif","",,,],

   ["|Home","http://dhtml-menu.com","","","",,,],

   ["||Examples","http://dhtml-menu.com/examples/dhtml-menu-ex1.html","","","",,,],

   ["||How to Setup","http://dhtml-menu.com/indexex.html#set","","","",,,],

   ["||Parameters","http://dhtml-menu.com/params.html","","","",,,],

   ["|Purchase","http://dhtml-menu.com/order.html","","","",,"0",],

   ["|Download","http://www.apycom.com/download.html","","","",,,],

   ["Our Products","","","","",,,],

   ["|Java menus","","","","",,,],

   ["||Drop Down Menus","http://www.apycom.com/xp-drop-down-menu/","","","",,,],

   ["||Animated Menus","http://www.apycom.com/animated-buttons/","","","",,,],

   ["||Website Buttons","http://www.apycom.com/website-buttons/","","","",,,],

   ["||Navigation Tabs","http://www.apycom.com/navigation-bar-tabs/","","","",,,],

   ["||Live Examples","http://www.apycom.com/indexex.html","","","",,,],

   ["||Sreenshots","http://www.apycom.com/shots/xpdd.html","","","",,,],

   ["||-","","","","",,"1",],

   ["||Purchase","http://www.apycom.com/order.html","","","",,"0",],

   ["||Download","http://www.apycom.com/download.html","","","",,,],

   ["|Web buttons","http://www.xp-web-buttons.com","","","",,,],

   ["|DBF Viewer/Editor","http://www.dbfview.com","","","",,,],

   ["|-","","","","",,"1",],

   ["|More Products","","","","",,"2",],

   ["||Product 1","testlink.html","","","",,"2","0"],

   ["|||Documentation","testlink.html","","","",,"2",],

   ["|||How to Setup","testlink.html","","","",,"2",],

   ["||Product 2","testlink.html","","","",,"2",],

   ["||Product 3","testlink.html","","","",,"2",],

   ["|||Documentation","testlink.html","","","",,"2",],

   ["|||How to Setup","testlink.html","","","",,"2",],

   ["||Product 4","testlink.html","","","",,"2",],

   ["Contacts","http://www.apycom.com/contact.html","","","",,,],

];

 
apy_init();

Ojala me puedan explicar como se configura todo esto y como hacer para hacerlo visivle etc.

crcbad · #2 (**permalink**) 17/08/2005, 00:55

Una pregunta tonta.... Quieres hacer un menu DHTML y ni siquiera saber configurar o saber para que sirve algo que viene hecho?? o_O

Solo veo un cacho de código, y pero vamos, tienes un conjunto de vars que sirven para configurar y personalizar la forma, colores, y demás de dicho menú.

Tambien tienes un array donde tienen las opciones del menú con las subopciones, si te das cuenta al principio siempre tienen un "|" y algunos no, eso es para determinar la profundidad del nivel del árbol para luego pasarlo al menú horizontal.

Sin "|" es una opción del Menú, puede o no puede tener hijos.
"|" es el nivel 1 del árbol, aparece una lista de subopciones, que pueden tener más hijos.
"||" idem de idem, subopciones del submenú anterior, es decir profundidad de nivel 2.

Y asi sucesivamente, tampoco te explicas muy bien sobre lo que quieres

Aibarra.net · #3 (**permalink**) 17/08/2005, 01:12

Buenas,

en la página que das aparece un enlace llamado "How to set up". Echa un vistazo también a la sección titulada "Purchase".