post #1 (permalink) Antiguo 17-abr-2009, 15:36
Predeterminado Otra vez el css
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&iacute;a</span>
		<ul>
			<li><a href="que_es.html">&iquest;Qu&eacute; es Power Plate?</a></li>
			<li><a href="como_funciona.html">&iquest;C&oacute;mo funciona?</a></li>
            <li><a href="contraindicaciones.html">Contraindicaciones</a></li>
			<li><a href="soporte_cientifico.html">Soporte Cient&iacute;fico</a></li>
		</ul>
	</li>
	<li><span class="dir">Beneficios</span>
		<ul>
			<li><span class="dir">Acondicionamiento F&iacute;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&eacute;dicas</span>
				<ul>
					<li><a href="rehabilitacion.html">Rehabilitaci&oacute;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&eacute;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 &amp; 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
Usuario Novato
Fecha de Ingreso: sep-08
Mensajes: 132
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
venom_mau está desconectado
Responder Citando
post #2 (permalink) Antiguo 17-abr-2009, 19:35
Predeterminado Re: Otra vez el css
la mejor forma de hacer eso es con php, por medio de include('menu.php')

ahora, si solo usás html, la forma correcta de hacerlo es mediante ajax

para no complicarte la vida, te recomiendo te bajes jquery (una librería de ajax q le recomiendo a todo el mundo por su sencillez) y hacer lo siguiente:

1. crear un archivo menu.html que contenga únicamente el menú (y obviamente borrar el menú de todas las páginas)

2. incluir jquery en el head de aquellas páginas donde querés que aparezca el menú...

Código:
<script type="text/javascript" src="jquery.js"></script>
3. y a continuación poner este código...

Código:
<script type="text/javascript">
$(function(){
 $(".listmen").load("menu.html");
});
</script>
...que lo que hace es cargar el menú en el elemento con la clase "listmen", en tu caso el td

espero te sirva, saludos

__________________
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
r_bradbury está desconectado
Responder Citando
post #3 (permalink) Antiguo 22-abr-2009, 16:23
Predeterminado Re: Otra vez el css
Muchas gracias r_bradbury.
Solucionó muy bien el problema. k
Usuario Novato
Fecha de Ingreso: sep-08
Mensajes: 132
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
venom_mau está desconectado
Responder Citando
Respuesta

Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado

Ir al Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
Otra vez... lei77o POWER USERS 2 31-may-2007 00:56
otra vez red LAN ... cachovac Microsoft Windows 17 27-mar-2006 23:00
otra vez, AMD 64 o P IV? miguel_f POWER USERS 14 25-sep-2005 00:00
soy yo otra vez Ignacio16 Compra - Venta 0 17-ago-2004 00:00
Otra vez VB NET Chiken Programación 0 24-jul-2004 00:00


La franja horaria es GMT -3. Ahora son las 05:39.