¿se puede vincular en archivo externo un menú emergente?

kuman · #1 (**permalink**) 19/11/2006, 11:16

Buenas,
Normalmente no uso los menús emergentes en mis diseños web, pero ahora estoy haciendo una en que la barra de botones es un menú emergente desplegable hecho con Fireworks.
Hasta ahora que todavía no he acabado con el diseño total, había incluido el archivo que fireworks genera para exportarlo a Dreamweaver en el lugar de la página que va, sustituyendo una tabla.
Lo que pasa es que no son definitivas las secciones y es posible que se vayan ampliando o añadiendo más, y antes de acabar de hacer todo el diseño, estaba pensando que si eso ocurre, tendré que modificar página por página todo el código con lo que eso significa...

Antiguamente cuando usaba javascript para limpiar código lo ponía en un archivo en el directorio pirncipal y simplemente lo vinculaba en el encabezado o dónde corresponda,
¿Se puede hacer lo mismo con los menús emergentes para que sólo tenga que modificar un archivo?

Lo que tengo ahora en el código de cada página es esto, que es lo querría ver si puedo vincular en archivo externo, porque cada vez que añado una función he de volver a exportar a cada hoja el nuevo código:

Código HTML:

<table border="0" cellpadding="0" cellspacing="0" width="955">
    <!-- fwtable fwsrc="espacio web botonera.png" fwbase="menu" fwstyle="Dreamweaver" fwdocid = "1714828878" fwnested="0" -->
    <tr>
      <td><img src="imagenes/menu/spacer.gif" width="28" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="72" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="33" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="104" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="31" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="112" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="24" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="91" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="460" height="1" border="0" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="9"><img name="menu_r1_c1" src="imagenes/menu/menu_r1_c1.png" width="955" height="6" border="0" id="menu_r1_c1" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="1" height="6" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2"><img name="menu_r2_c1" src="imagenes/menu/menu_r2_c1.png" width="28" height="22" border="0" id="menu_r2_c1" alt="" /></td>
      <td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu_r2_c2','','imagenes/menu/menu_r2_c2_f2.png',1);"><img name="menu_r2_c2" src="imagenes/menu/menu_r2_c2.png" width="72" height="15" border="0" id="menu_r2_c2" alt="Volver a la página principal" /></a></td>
      <td rowspan="2"><img name="menu_r2_c3" src="imagenes/menu/menu_r2_c3.png" width="33" height="22" border="0" id="menu_r2_c3" alt="" /></td>
      <td><a href="#" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0917175143_0', 'MMMenu0917175143_0',0,20,'menu_r2_c4');MM_swapImage('menu_r2_c4','','imagenes/menu/menu_r2_c4_f2.png',1);"><img name="menu_r2_c4" src="imagenes/menu/menu_r2_c4.png" width="104" height="15" border="0" id="menu_r2_c4" alt="Elige un apartado" /></a></td>
      <td rowspan="2"><img name="menu_r2_c5" src="imagenes/menu/menu_r2_c5.png" width="31" height="22" border="0" id="menu_r2_c5" alt="" /></td>
      <td><a href="#" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0917191114_1', 'MMMenu0917191114_1',0,20,'menu_r2_c6');MM_swapImage('menu_r2_c6','','imagenes/menu/menu_r2_c6_f2.png',1);"><img name="menu_r2_c6" src="imagenes/menu/menu_r2_c6.png" width="112" height="15" border="0" id="menu_r2_c6" alt="Contacta con la web" /></a></td>
      <td rowspan="2"><img name="menu_r2_c7" src="imagenes/menu/menu_r2_c7.png" width="24" height="22" border="0" id="menu_r2_c7" alt="" /></td>
      <td><a href="#" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0924232304_2', 'MMMenu0924232304_2',0,20,'menu_r2_c8');MM_swapImage('menu_r2_c8','','imagenes/menu/menu_r2_c8_f2.png',1);"><img name="menu_r2_c8" src="imagenes/menu/menu_r2_c8.png" width="91" height="15" border="0" id="menu_r2_c8" alt="Toda la información sobre este espacio" /></a></td>
      <td rowspan="2"><img name="menu_r2_c9" src="imagenes/menu/menu_r2_c9.png" width="460" height="22" border="0" id="menu_r2_c9" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="1" height="15" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img name="menu_r3_c2" src="imagenes/menu/menu_r3_c2.png" width="72" height="7" border="0" id="menu_r3_c2" alt="" /></td>
      <td><img name="menu_r3_c4" src="imagenes/menu/menu_r3_c4.png" width="104" height="7" border="0" id="menu_r3_c4" alt="" /></td>
      <td><img name="menu_r3_c6" src="imagenes/menu/menu_r3_c6.png" width="112" height="7" border="0" id="menu_r3_c6" alt="" /></td>
      <td><img name="menu_r3_c8" src="imagenes/menu/menu_r3_c8.png" width="91" height="7" border="0" id="menu_r3_c8" alt="" /></td>
      <td><img src="imagenes/menu/spacer.gif" width="1" height="7" border="0" alt="" /></td>
    </tr>
  </table>

La web es XHTML 1.0 transicional
Gracias

GERTU · #2 (**permalink**) 19/11/2006, 12:49

Sé que no es lo que preguntas, pero te recomiendo que no uses tablas para "maquetar" la web. Las tablas existen para introducir datos tabulados, si lo que necesitas es crear un diseño deberías utilizar CSS.

kuman · #3 (**permalink**) 19/11/2006, 13:34

la verdad es que a tanto no llego, uso tablas diseñadas con css (tamaño, color, imagen de fondo, etc..) en las que meto texto e imágenes en general.
Esta tabla es donde va el menu. Fuera de ahí ni idea de como hacerlo.
Eso sí, todas las páginas están validadas.
Con css me voy apañando pues no es muy complejo lo que diseño en formato de texto, centrados, y poco más, pero mis conocimientos sobre toda su magnitud y posibilidades de uso, distan mucho de lo que me gustaría

PatomaS · #4 (**permalink**) 20/11/2006, 03:20

Hola

Respecto a tu pregunta, si, puedes tener ese menú en un archivo aparte e incluirlo en la zona que necesites en tu documento mediante diferentes técnicas, por ejemplo:

include o similares en php
ssi en apache
webbot con extensiones front page.

Solo has de usar un lenguaje de servidor o un include de servidor. Obtendrás mejores resultados con un lenguaje de servidor.

Felicidad

kuman · #5 (**permalink**) 20/11/2006, 05:00

En php, ¿se haría así?
1. cojo todo el código y lo convierto a php guardándolo en una página loquesea.php
2. inserto ese código en la parte del xhtml donde iría el menú.
pero ¿cómo lo inserto? ¿como un script? ¿como una llamada a php?
Alguna ayudita...

PatomaS · #6 (**permalink**) 20/11/2006, 10:03

Hola

En principio solo has poner el código que corresponde a la sección que deseas insertar, sin <html> ni <body> ni nada de eso, solo lo que necesitas.

Lo insertas con una llamada de include, require, include_once o require_once desde la p'agina contenedora.

De todas formas, si quieres m'as detalles, mejor te pasas por el foro de php revisando los manuales recomendados.

Felicidad