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