Foros del Web » Programando para Internet » Javascript »

Menu DHTML

Estas en el tema de Menu DHTML en el foro de Javascript en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 16/08/2005, 18:45
 
Fecha de Ingreso: mayo-2005
Mensajes: 53
Antigüedad: 19 años
Puntos: 0
Menu DHTML

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  ","","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.
  #2 (permalink)  
Antiguo 17/08/2005, 00:55
Avatar de crcbad  
Fecha de Ingreso: enero-2005
Mensajes: 302
Antigüedad: 19 años, 3 meses
Puntos: 0
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
__________________

:cool: [ http://eruben.sytes.net ] :cool:


Las dos frases que te ayudarán a salir adelante:
  • No hay mujer fea, solo copas de menos. :borracho:
  • Ante la duda, siempre coge la más tetuda. :arriba:
  #3 (permalink)  
Antiguo 17/08/2005, 01:12
 
Fecha de Ingreso: septiembre-2004
Mensajes: 179
Antigüedad: 19 años, 7 meses
Puntos: 0
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".
__________________
Estoy en www.aibarra.net

Camino para preguntar: manual -> Google -> FAQs y buscador del foro -> Nuevo Tema.
Tan difícil es escribir correctamente? Es más fácil leerlo. Pónselo fácil al que quiera ayudarte.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:52.