[SCRIP]Ayuda, no se como configurar

[kezman10]

Hola, intetare explicar todo de la mejor forma posible para que me ayudeis (si podeis) pido por favor que me expliqueis las cosas como si fuera tonto, ya que yo soy aficionado a esto, no se programar ni nada...pero me apaño

Empiezo.

He creado un menu con un programa, el cual me genera un codigo como este:

<!-- -->
<link href="menu-files/styles_filna.css" type="text/css" rel="stylesheet"/>
<ul id="vbUL_nilna" class="vbULfilna" style="visibility:hidden;">
<li><a title="Escuela">Escuela</a></li>
<li><a title="Localización">Localización</a></li></ul>
<ul id="vbUL_hilna" class="vbULfilna" style="visibility:hidden;">
<li><a title="Conceptos técnicos">Conceptos&nbsp;técnicos</a></li>
<li><a title="Terminología ">Terminología&nbsp;</a></li></ul>
<ul id="vbUL_jilna" class="vbULfilna" style="visibility:hidden;">
<li><a title="Armas y Técnicas">Armas&nbsp;y&nbsp;Técnicas</a></li>
<li><a title="Profesores">Profesores</a></li>
<li><a title="Programa">Programa</a></li>
<li><a title="Cursos">Cursos</a></li>
<li><a title="Videos">Videos</a></li></ul>
<ul id="vbUL_kilna" class="vbULfilna" style="visibility:hidden;">
<li><a title="Información">Información</a></li>
<li><a title="Profesores">Profesores</a></li></ul>
<ul id="vbUL_gilna" class="vbULfilna" style="visibility:hidden;">
<li><a title="Katas básicos">Katas&nbsp;básicos</a></li>
<li><a title="Katas Superiores">Katas&nbsp;Superiores</a></li></ul>
<script type="text/javascript" src="menu-files/scfilna.js"></script>
<table id="vista-buttons.com:idfilna" width=0 cellpadding=0 cellspacing=0 border=0><tr><td style="padding-right:0px" title ="   Inicio   ">
<a onMouseOver='xpe("filnao");' onMouseOut='xpe("filnan");' onMouseDown='xpe("filnac");'><img id="xpi_filna" src="menu-files/btfilna_0.gif" name="vbfilna" width="63" height="25" border="0" alt="   Inicio   "/></a></td><td style="padding-right:0px" title ="Historia de la Escuela">
<a onMouseOver='xpe("nilnao");xpshow("nilna",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("nilnac");'><img id="xpi_nilna" src="menu-files/btnilna_0.gif" name="vbnilna" width="131" height="25" border="0" alt="Historia de la Escuela"/></a></td><td style="padding-right:0px" title ="Karate Shotokan">
<a onMouseOver='xpe("hilnao");xpshow("hilna",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("hilnac");'><img id="xpi_hilna" src="menu-files/bthilna_0.gif" name="vbhilna" width="110" height="25" border="0" alt="Karate Shotokan"/></a></td><td style="padding-right:0px" title ="   Kobudo   ">
<a onMouseOver='xpe("jilnao");xpshow("jilna",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("jilnac");'><img id="xpi_jilna" src="menu-files/btjilna_0.gif" name="vbjilna" width="84" height="25" border="0" alt="   Kobudo   "/></a></td><td style="padding-right:0px" title ="Defensa Personal Femenina">
<a onMouseOver='xpe("kilnao");xpshow("kilna",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("kilnac");'><img id="xpi_kilna" src="menu-files/btkilna_0.gif" name="vbkilna" width="163" height="25" border="0" alt="Defensa Personal Femenina"/></a></td><td style="padding-right:0px" title ="   Katas   ">
<a onMouseOver='xpe("gilnao");xpshow("gilna",0,this);xpsmover(this);' onMouseOut='xpsmout(this);' onMouseDown='xpe("gilnac");'><img id="xpi_gilna" src="menu-files/btgilna_0.gif" name="vbgilna" width="75" height="25" border="0" alt="   Katas   "/></a></td><td style="padding-right:0px" title ="   Enlaces   ">
<a onMouseOver='xpe("i1lnao");' onMouseOut='xpe("i1lnan");' onMouseDown='xpe("i1lnac");'><img id="xpi_i1lna" src="menu-files/bti1lna_0.gif" name="vbi1lna" width="74" height="25" border="0" alt="   Enlaces   "/></a></td><td style="padding-right:0px" title ="   Contacta   ">
<a onMouseOver='xpe("11lnao");' onMouseOut='xpe("11lnan");' onMouseDown='xpe("11lnac");'><img id="xpi_11lna" src="menu-files/bt11lna_0.gif" name="vb11lna" width="82" height="25" border="0" alt="   Contacta   "/></a></td></tr></table>
<!---->

El problema es el siguiente, pongamos que mi web tiene 30 html de contenido, pues el problema es que si algun dia modifico el menu, tendria que cambiar el menu en las 30 paginas.

He intentado con un iframe, pero al ser desplegable el menu no se completo dentro de la celda.

Me han comentado que poniendo el codigo del menu en un archivo .js, luego puedo en la celda (donde va el menu) poner una estiqueta script para que me muestre el contenido del js, y asi si tengo que modificar el menu alguna vez solo tendria que modificar el menu en el js y no en todos los html.

Desconozco posibles soluciones, cualquier cosa que me sirva sera de gran ayuda, os recuerdo que lo del frame no me vale.

Saludos, si alguien necesita mas informacion, que pregunte y yo le dare en poco tiempo

Muchas gracias

[AFelipeTrujillo]

eso ya tocaria con PHP, se usaria una sola plantilla y el resto es contenido dinamico por aca hay un manual http://www.desarrolloweb.com/manuales/7/

[el-brujo]

si, mejor empezar a usar PHP para hacer webs dinámicas, en HTML es lo que tiene, que es manual...

La otra opción (fácil) es la que comentas de meterlo todo dentro de un javascript y lo llamas.

Me han comentado que poniendo el codigo del menu en un archivo .js, luego puedo en la celda (donde va el menu) poner una estiqueta script para que me muestre el contenido del js, y asi si tengo que modificar el menu alguna vez solo tendria que modificar el menu en el js y no en todos los html.

Por ejemplo, en todas las páginas HTML añades el código:

Código (html4strict) [Seleccionar] Expandir


<script language="javascript" src="codigo.js"></script>


Y en el script codigo.js añades lo que quieres mostrar:

Código (html4strict) [Seleccionar] Expandir

document.write('código');