Plantilla para el menu

kezman10 · #1 (**permalink**) 26/11/2010, 18:46

Hola, antes he publicado un post pero deber ser dificil de entender lo resumo mas haber si asi me ayudais mejor.

Tengo un codigo de un menu despegable, y el problema es que mi web tendra como 30 paginas, si el menu algun dia lo modifico tendria que cambiar el codigo dle menu en las 30 paginas y eso es muy laborioso.

Hay alguna forma de añadir ese menu a las 30 paginas rapidamente?

He probado con un iframe pero no me sirve,

_Adrian_ · #2 (**permalink**) 26/11/2010, 19:18

Escribe el menu en Javascript y entonces tienes solo un archivo, llamas ese archivo en todas las paginas. Si quieres modificar algo, solo tienes que modificar ese archivo.

Saludos

kezman10 · #3 (**permalink**) 26/11/2010, 19:21

Cita:

Iniciado por _Adrian_

Escribe el menu en Javascript y entonces tienes solo un archivo, llamas ese archivo en todas las paginas. Si quieres modificar algo, solo tienes que modificar ese archivo.

Saludos

Y como creo el menu en javascript? porque el menu esta creado con programa...que me da un script....

_Adrian_ · #4 (**permalink**) 26/11/2010, 19:22

Podrias poner el codigo aqui?

kezman10 · #5 (**permalink**) 26/11/2010, 19:25

Cita:

<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 técnicos</a></li>
<li><a title="Terminología ">Terminología </a></li></ul>
<ul id="vbUL_jilna" class="vbULfilna" style="visibility:hidden;">
<li><a title="Armas y Técnicas">Armas y 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 básicos</a></li>
<li><a title="Katas Superiores">Katas Superiores</a></li></ul>
<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>

Este es el codigo, por cierto uso html...

_Adrian_ · #6 (**permalink**) 26/11/2010, 19:33

Intenta asi:
Crea un archivo nombre.js, en el pones:
document.write("aqui pones tu codigo de arriba, sin la segunda linea")

En el archivo html, donde quieres que te aparezca el menu, pone:
<script type="text/javascript" src="el_archivo_anterior.js"></script>

Saludos

kezman10 · #7 (**permalink**) 26/11/2010, 19:37

Cita:

Iniciado por _Adrian_

Intenta asi:
Crea un archivo nombre.js, en el pones:
document.write("aqui pones tu codigo de arriba, sin la segunda linea")

En el archivo html, donde quieres que te aparezca el menu, pone:
<script type="text/javascript" src="el_archivo_anterior.js"></script>

Saludos

Pero en el documento js SOLO pongo eso que me pones arriba, añadiendo el codigo del menu?

_Adrian_ · #8 (**permalink**) 26/11/2010, 19:40

He olvidado decir que en primer lugar cambia las comillas " de tu codigo por '; despues pones entre las parantesis de document.write todo tu codigo, pero sin la segunda linea, esa linea debes ponerla en el <head>

Saludos

kezman10 · #9 (**permalink**) 26/11/2010, 19:41

Cita:

Iniciado por _Adrian_

He olvidado decir que en primer lugar cambia las comillas " de tu codigo por '; despues pones entre las parantesis de document.write todo tu codigo, pero sin la segunda linea, esa linea debes ponerla en el <head>

Saludos

Todas las comillas las tengo que cambiar???o alguna especifica?

_Adrian_ · #10 (**permalink**) 26/11/2010, 19:45

Todas menos las que estan entre parantesis
ej. <a onMouseOver='xpe("filnao");

kezman10 · #11 (**permalink**) 26/11/2010, 19:47

Cita:

Iniciado por _Adrian_

Todas menos las que estan entre parantesis
ej. <a onMouseOver='xpe("filnao");

Pero entonces asi el menu no funciona...

_Adrian_ · #12 (**permalink**) 26/11/2010, 19:52

Cambia todas las comillas y entonces deberia funcionar ...

kezman10 · #13 (**permalink**) 26/11/2010, 20:12

Cita:

Iniciado por _Adrian_

Cambia todas las comillas y entonces deberia funcionar ...

He cambiado todas las comillas, no funciona o ago algo mal

http://escuelakarate.zobyhost.com/index_3.htm

ese es el link, si pone ver codigo fuente y pinchas en menu.js puedes ver que he quitado las comillas y no sale nada.

el menu deberia de salir en la celda que se ve

Gracias

_Adrian_ · #14 (**permalink**) 26/11/2010, 20:13

Pone tu codigo asi:
document.write(" la primera linea ")
document.write(" la segunda linea ")
y asi con todas.

Saludos

_Adrian_ · #15 (**permalink**) 26/11/2010, 20:15

Cita:

Iniciado por kezman10

He cambiado todas las comillas, no funciona o ago algo mal

http://escuelakarate.zobyhost.com/index_3.htm

ese es el link, si pone ver codigo fuente y pinchas en menu.js puedes ver que he quitado las comillas y no sale nada.

el menu deberia de salir en la celda que se ve

Gracias

Olvidaste poner </script>

Y <link href='menu-files/styles_filna.css' type='text/css' rel='stylesheet'/> tienes que ponerlo en el archivo html, entre <head> y </head>, no en el js.

kezman10 · #16 (**permalink**) 26/11/2010, 20:26

Cita:

Iniciado por _Adrian_

Olvidaste poner </script>

Y <link href='menu-files/styles_filna.css' type='text/css' rel='stylesheet'/> tienes que ponerlo en el archivo html, entre <head> y </head>, no en el js.

en esta url

http://escuelakarate.zobyhost.com/index_5.htm

esta todo como tu me as dicho pero no funciona....

_Adrian_ · #17 (**permalink**) 26/11/2010, 20:43

Puedes copiar el codigo de aqui, asi deberia funcionar:

Código Javascript:

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

Saludos

kezman10 · #18 (**permalink**) 27/11/2010, 07:06

asi si funciona pero no me sirve ya que la gracia era cambiar un codigo pr otro, pero por mucho que me lo explicastes yo no supe hacerlo,

Muchas gracias por haberme ayudado de verdad.

C2am · #19 (**permalink**) 27/11/2010, 10:03

Yendo por la misma forma pero por distinto camino: en vez de js puedes usar php, pero deberías cambiar la extensión .html por .php
Digo es la misma forma, porque también debes llamar un archivo a tu html

Tendrías tu página.php
y en el lugar del menú pones:
<? include ('menu.html'); ?>

Siendo menu.html el pedazo de html que usas para el menú.
Con esto logras que solo debes modificar este último archivo y se verá reflejado en todas tu páginas donde lo incluyas.

La ventaja sobre js es que no depende de que el usuario tenga activado el js en su navegador, ya que el php te crea el html.
Pero como dije antes es la misma forma, distinto camino.

cvander · #20 (**permalink**) 28/11/2010, 10:04

ya que la respuesta empezó a desarrollarse con javascript, muevo tu mensaje a dicho foro. Y te invito a que uses títulos más específicos para tu mensaje pues todo necesitan ayuda urgente siempre que llegan al foro.