Menú

[neo_dac]

Hola, hace mucho que no vengo

En mi página web tengo un "menú lateral" donde hay las secciones. Este menú se repite en cada página de la web. Pero tengo un problema, cuando quiero cambar el nombre de una sección, los colores, tamaño o quitar una sección, es decir, modificar el menú; tengo que ir página por página cambiando lo del menú. He visto en otras páginas web que utilizan un <script> o algo parecido donde ponen el menú, luego en el lugar donde quieres que se vea el menú pones un otro <script> que enlace al <script> que contiene el menú. De esta manera modificando el <script> que tiene el menú ya modificas el menú en todas las páginas.

He mirado el Código Fuente con el Bloc de Notas y me sale una cosa así:

function credits()
{
document.write("<table width=\"760\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");
document.write("<tr>");
document.write("<td width=\"119\" align=\"center\">");
document.write("<a href=\"http://www.CCRTVI.com\" target=\"_blank\"><img name=\"CCRTVI\" src=\"http://www.3xl.net/gifs/home/CCRTVI.gif\" width=\"119\" height=\"37\" border=\"0\" alt=\"CCRTVI\"></a>");
document.write("</td>");
document.write("<td width=\"496\" align=\"center\"><p class=\"xlLinkpetit\"><a href=\"http://www.3xl.net/credits/index.htm\" class=\"xlLinkpetit\">Qui som?</a> | <a href=\"http://www.3xl.net/contacta/index.htm\" class=\"xlLinkpetit\">Contacta amb nosaltres</a> | <a href=\"http://www.3xl.net/faq/index.htm\" class=\"xlLinkpetit\">FAQ</a> | <a href=\"mailto:[email protected]?Subject=Public itat\" class=\"xlLinkpetit\">Publicitat</a><br>");
document.write("&copy; TVC - CCRTV Interactiva</p></td>");
document.write("<td width=\"100\" align=\"center\"><a href=\"http://www.tvcatalunya.com\" target=\"_blank\"><img name=\"tvcOnline\" src=\"http://www.3xl.net/gifs/home/tvcOnline.gif\" width=\"64\" height=\"37\" border=\"0\" alt=\"TVCatalunya\"></a>");
document.write("</td>");
document.write("<td width=\"60\" align=\"center\"><a href=\"http://www.k3tv.net\" target=\"_blank\"><img name=\"k3\" src=\"http://www.3xl.net/gifs/home/k3.gif\" width=\"45\" height=\"37\" border=\"0\" alt=\"K3\"></a></td>");
document.write("</tr>");
document.write("</table>");
}

Luego en el documento HTML donde quieres que salga el menú ponen esto:

<SCRIPT language=JavaScript>credits()</SCRIPT>


¿Alguien me podría ayudar? En este caso el menú de la página donde he sacado el código es inferior, pero para hacerlo lateral es lo mismo, utilizo HTML igual. La página es http://www.3xl.net el menú es el de abajo del todo, donde pone: Qui som? | Contacta amb nosaltres | FAQ | Publicitat
La página es catalana.

¿Me podrías decir cómo se hace? Muchas gracias.

[ppjillol@]

igual estoy espeso pero no he sabido ver lo q querias hacer ni el menu q dices en 3xl.net

ppjillol

[tunait]

la verdad que no me queda muy claro de si es tu página esa, o la otra ... pero te diré que si lo que quieres es tener el menú en un documento aparte y que sea llamado desde cada página que lo use puedes usar includes.


Echa un vistazo aquí a ver si te sirve.

saludos

[neo_dac]

¿Y se puede hacer a través de un script?

[bleid]

usa un frame

[tunait]

neo_dac,

a través de un script claro que se podría, pero tendrías que darte el trabajo de crearlo y pedirle a javascript que escriba lo que ahora yá tienes escrito.

Lo más fácil es usar los includes.

Si lo quieres que te lo escriba un script dímelo y muevo tu pregunta al foro de javascript.

saludos

[neo_dac]

pues, mejor con un script, si puedes claro

[KarlanKas]

Creo que se podría hacer de la siguiente manera:
mete todo el código en un documento de texto plano con la extensión js (la extensión da igual, pero es el standar) y llamalo menú:

Contenido de menu.js

Código:

function credits()
{
document.write("<table width=\"760\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");
document.write("<tr>");
document.write("<td width=\"119\" align=\"center\">");
document.write("<a href=\"http://www.CCRTVI.com\" target=\"_blank\"><img name=\"CCRTVI\" src=\"http://www.3xl.net/gifs/home/CCRTVI.gif\" width=\"119\" height=\"37\" border=\"0\" alt=\"CCRTVI\"></a>");
document.write("</td>");
document.write("<td width=\"496\" align=\"center\"><p class=\"xlLinkpetit\"><a href=\"http://www.3xl.net/credits/index.htm\" class=\"xlLinkpetit\">Qui som?</a> | <a href=\"http://www.3xl.net/contacta/index.htm\" class=\"xlLinkpetit\">Contacta amb nosaltres</a> | <a href=\"http://www.3xl.net/faq/index.htm\" class=\"xlLinkpetit\">FAQ</a> | <a href=\"mailto:[email protected]?Subject=Publicitat\" class=\"xlLinkpetit\">Publicitat</a><br>");
document.write("© TVC - CCRTV Interactiva</p></td>");
document.write("<td width=\"100\" align=\"center\"><a href=\"http://www.tvcatalunya.com\" target=\"_blank\"><img name=\"tvcOnline\" src=\"http://www.3xl.net/gifs/home/tvcOnline.gif\" width=\"64\" height=\"37\" border=\"0\" alt=\"TVCatalunya\"></a>");
document.write("</td>");
document.write("<td width=\"60\" align=\"center\"><a href=\"http://www.k3tv.net\" target=\"_blank\"><img name=\"k3\" src=\"http://www.3xl.net/gifs/home/k3.gif\" width=\"45\" height=\"37\" border=\"0\" alt=\"K3\"></a></td>");
document.write("</tr>");
document.write("</table>");
}

Luego al principio de cada página donde quieras que aparezca el el menú pones

Código:

 <script src="menu.js"></script>

y donde quieras que aparezca el mismo (el lugar de la página donde quieres que aparezca) pones

Código:

<script>credits()</script>

Y ya está. La otra solución que te ofrecía tunait (hola leporcia!!) era más versátil y más fácil, pero si lo quieres con JS pues esta es la forma.

Un saludo

[tunait]

[neo_dac]

ok, muchas gracias!!! ya me va