Hola a Todos, Estoy empezando a estudiar JavaScript por medio de un libro y en el capitulo de Menus de Navegacion hay un ejemplo que al tratar de ejecutarlo no me funciona. No se que he escrito mal o que esta mal del codigo. Si alguien me puede ayudar a corregir porque no logro que funcione.
Gracias
Aqui esta el codigo:
<html>
<TITLE>Menus de Navegacion</TITLE>
<HEAD>
<SCRIPT LANGUAJE="JavaScript">
var pixels_izquierda=150;
var pixels_arriba=80;
var altura_menu=pixels_arriba-10;
var anchura_menu=120;
var altura_opcion=60;
var anchura_opcion=pixels_izquierda-30;
var menu_activo=-1;
var opcion_activa=-1;
var menus_disponibles=new Array();
function crear_menu(menus_disponibles,imagen_menu_desactiva do,imagen_menu_activado,imagen_pasar_por_menu,text o_alternativo)
{
this.imagen_menu_desactivado=new Image(altura_menu,anchura_menu);
this.imagen_menu_desactivado.src=imagen_menu_desac tivado;
this.imagen_menu_activado=new Image(altura_menu,anchura_menu);
this.imagen_menu_activado.src=imagen_menu_activado ;
this.imagen_pasar_por_menu=new Image(altura_menu,anchura_menu);
this.imagen_pasar_por_menu.src=imagen_pasar_por_me nu;
this.texto_alternativo=texto_alternativo;
this.opciones=new Array();
menus_disponibles[menus_disponibles.length]=this;
}
funtion crear_opcion(menu,imagen_opcion_desactivada,imagen _opcion_activada,imagen_pasar_por_opcion,texto_alt ernativo,url)
{
this.imagen_opcion_desactivada=new Image(altura_opcion,anchura_opcion);
this.imagen_opcion_desactivada.src=imagen_opcion_d esactivada;
this.imagen_opcion_activada=new Image(altura_opcion,anchura_opcion);
this.imagen_opcion_activada.src=imagen_opcion_acti vada;
this.imagen_pasar_por_opcion=new Image(altura_opcion,anchura_opcion);
this.imagen_pasar_por_opcion.src=imagen_pasar_por_ opcion;
this.texto_alternativo=texto_alternativo;
this.url=url;
menu.opciones[menu.opciones.length]=this;
}
funtion escribir_pantalla_inicial()
{
with (window.pantalla.document)
{
open();
close();
}
}
funtion escribir_frame_menus()
{
with (window.menu.document)
{
open();
writeln("<HTML>\n<BODY BGCOLOR='#0099FF' TEXT='#FFFFFF' LINK='#FFFFFF'" + " VLINK='#FFFFFF' ALINK='#FFFFFFF'>");
for (var i=0; i< menus_disponibles.length; i++)
{
writeln("<A href='javaScript:parent.cambiar_menu("+i+")' "+"OnmouseOver='parent.dentro_menu("+i+")' "+"OnmouseOut='parent.fuera_menu("+i+")'>");
write("<IMG src="+menus_disponibles[i].imagen_menu_desactivado.src+" NAME=menu"+i+" WIDTH="+anchura_menu+" HEIGHT="+altura_menu+" ALT='"+menus_disponibles[i].texto_alternativo+"' border=0>");
writeln("</A>");
}
writeln("</HTML>\n</BODY>");
close();
}
}
funtion escribir_opciones(un_menu)
{
for (var i=0; i < menus_disponibles[un_menu].opciones.length; i++)
{
with (menus_disponibles[un_menu].opciones[i])
{
var imagen=imagen_opcion_desactivada.src;
var texto=texto_alternativo;
}
with (window.opciones.document)
{
writeln("<A href='javaScript:parent.ir_A("+un_menu+","+i+")' "+"OnmouseOver='parent.dentro_opcion("+un_menu+"," +i+")' "+"OnmouseOut='parent.fuera_opcion("+un_menu+","+i +")'>");
write("<IMG Name='opcion"+i+"' ALT='"+texto+"' src="+imagen+" "+"width="+anchura_opcion+" height="+altura_opcion+" BORDER=0>");
writeln("</A>");
}
}
}
funtion escribir_frame_opciones(un_menu)
{
with (window.opciones.document)
{
open();
writeln("<HTML>\n<BODY BGCOLOR='#0099FF' TEXT='#FFFFFF' LINK='#FFFFFF'"+" VLINK='#FFFFFF' ALINK='#FFFFFFF'>");
writeln("<BR><BR><BR><BR>");
if (un_menu > -1) escribir_opciones(un_menu);
writeln("</BODY>\n</HTML>");
escribir_pantalla_inicial();
close();
}
}
function dentro_opcion(un_menu,una_opcion)
{
with (menus_disponibles[un_menu].opciones[una_opcion])
eval("window.opciones.document.opcion"+una_opcion+ ".src="+"imagen_pasar_por_opcion.src");
}
function fuera_opcion(un_menu,_una_opcion)
{
with (menus_disponibles[un_menu].opciones[una_opcion])
if (opcion_activa == una_opcion)
eval("window.opciones.document.opcion"+una_opcion+ ".src="+"imagen_opcion_activada.src");
else
eval("window.opciones.document.opcion"+una_opcion+ ".src="+"imagen_opcion_desactivada.src");
}
function dentro_menu(un_menu)
{
with (menus_disponibles[un_menu])
eval("window.menu.document.menu"+un_menu+".src="+" imagen_pasar_por_menu.src");
}
function fuera_menu(un_menu)
{
with (menus_disponibles[un_menu])
if(menu_activo == un_menu)
eval("window.menu.document.menu"+un_menu+".src="+" imagen_menu_activado.src");
else
eval("window.menu.document.menu"+un_menu+".src="+" imagen_menu_desactivado.src");
}
function cambiar_menu(un_menu)
{
escribir_pantalla_inicial();
with (menus_disponibles[un_menu])
if (menu_activo == -1)
{
eval("window.menu.document.menu"+un_menu+".src="+" imagen_menu_activado.src");
menu_activo=un_menu;
}
else
if (menu_activo == un_menu)
{
eval ("window.menu.document.menu"+menu_activo+".src="+" imagen_menu_desactivado.src");
menu_activo=-1;
}
else
{
eval("window.menu.document.menu"+un_menu+".src="+" imagen_menu_activado.src");
eval("window.menu.document.menu"+menu_activo+".src ="+"menus_disponibles[menu_activo].imagen_menu_desactivado.src");
menu_activo=un_menu;
}
escribir_frame_opciones(menu_activo);
opcion_activa=-1;
}
function ir_A(un_menu,una_opcion)
{
with (menus_disponibles[un_menu].opciones[una_opcion])
if (opcion_activa == -1)
{
eval("window.opciones.documen.opcion"+una_opcion+" .src="+"imagen_opcion_activada.src");
opcion_activa=una_opcion;
window.pantalla.location=url;
}
else
if (opcion_activa == una_opcion)
{
eval("window.opciones.document.opcion"+opcion_acti va+".src="+"imagen_opcion_desactivada.src");
opcion_activa=-1;
escribir_pantalla_inicial();
}
else
{
eval("window.opciones.document.opcion"+una_opcion+ ".src="+"imagen_opcion_activada.src");
eval("window.opciones.document.opcion"+opcion_acti va+".src=menus_disponibles["+un_menu+"].opciones["+opcion_activa+"].imagen_opcion_desactivada.src");
opcion-activa=una_opcion;
window.pantalla.location=url;
}
}
