Hola otra vez, molestandolos con css y ver si pueden ayudarme.
Tengo este menú que se repite en todas las páginas de un sitio web (aproximadamente 24 páginas), pero quiero eliminarlo de alguna manera y que lo escriba algún .js (javascript) en cada una de las páginas, y así facilitarme el modificar el menú y no tener que actualizarlo página por página en su respectivo código:
El menú es el siguiente (aún no terminado):
Código:
....
<td width="150" class="listmen">
<ul id="nav" class="dropdown dropdown-vertical">
<li><a href="powerplatesatelite.html">Inicio</a></li>
<li><span class="dir">Tecnología</span>
<ul>
<li><a href="que_es.html">¿Qué es Power Plate?</a></li>
<li><a href="como_funciona.html">¿Cómo funciona?</a></li>
<li><a href="contraindicaciones.html">Contraindicaciones</a></li>
<li><a href="soporte_cientifico.html">Soporte Científico</a></li>
</ul>
</li>
<li><span class="dir">Beneficios</span>
<ul>
<li><span class="dir">Acondicionamiento Físico</span>
<ul>
<li><a href="rendimiento_deportivo.html">Rendimiento Deportivo</a></li>
<li><a href="golf.html">Golf</a></li>
</ul>
<li><span class="dir">Bienestar</span>
<ul>
<li><a href="spa.html">SPA | Belleza</a></li>
<li><a href="antivejez.html">Antienvejecimiento</a></li>
</ul>
<li><span class="dir">Aplicaciones Médicas</span>
<ul>
<li><a href="rehabilitacion.html">Rehabilitación</a></li>
</ul>
<li><a href="testimonios.html">Testimonios</a></li>
</ul>
</li>
<li><span class="dir">Entrenamiento</span>
<ul>
<li><a href="./">Sesiones</a></li>
<li><a href="./">Programas</a></li>
<li><a href="./">Ejercicios</a></li>
</ul>
</li>
<li><span class="dir">Novedades</span>
<ul>
<li><a href="./">Medios</a></li>
<li><a href="./">Comunicados de Prensa</a></li>
</ul>
</li>
<li><span class="dir">Yoga</span>
<ul>
<li><a href="./">Yoga</a></li>
</ul>
</li>
<li><span class="dir">Masajes</span>
<ul>
<li><a href="./">Terapéuticos y Reductivos</a></li>
</ul>
</li>
<li><a href="./" class="dir">Contact Us</a>
<ul>
<li><a href="./">Enquiry Form</a></li>
<li><a href="./">Map & Driving Directions</a></li>
<li><a href="./">Your Feedback</a></li>
</ul>
</li>
</ul>
</td>....
Revisé en scripts que tengo, podría hacerse en un js con la parte de "document.write("**")", pero es posible combinarlo con css?, esto es, escribir css o clases dentro de un archivo realizado con javascript?, existirá algún error?
Así podría dentro de la tabla (<td>) solo llamar el script, y evitar más líneas de código por página...
Espero me puedan ayudar y hayan entendido mi explicación :confundido
Gracias por los comentarios