Necesitaba para la página un código que actualizara sólamente el div contenedor ya que el menú principal está hecho en flash y la carga puede resultar lenta, lo cual resulta tedioso para los visitantes. (Editado: a dia de hoy el menú no es en flash ya que no es adecuado para el posicionamiento de la web por los buscadores).El código es el siguiente:
<script type="text/javascript">
Dentro del div con id=#contenido tengo varias imágenes con los enlaces a las diferentes secciones. Con este código chequeamos cada una (each) de la etiquetas "<a>" del div "contenido". Después obtenemos el atributo (attr) href (osea el enlace) de cada una de ellas y cuando se producca el evento (event) de pinchar con el ratón (click) cargamos (load) sólamente el contenido. Yo las demás páginas a cargar dentro de contenido las tengo hechas solo con el código necesario para que se visualicen, es decir, sin etiquetas <head> ni <body>, solo con la etiqueta <html> y el código que pondrías dentro del contenedor. Como os dije antes, el menú principal está hecho en flash, por lo que los enlaces a través de este se abren con una pequeña variación en el código (también habría que modificar las lineas en actionscript del menú de flash). Eso lo explicaré en el siguiente post.
La página es la siguiente: http://www.talleresguadamia.com/
<script type="text/javascript">
$(document).ready(function(){
$("#contenido a").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(event){
$("#contenido").load(href);
});
});
});;
</script>
Dentro del div con id=#contenido tengo varias imágenes con los enlaces a las diferentes secciones. Con este código chequeamos cada una (each) de la etiquetas "<a>" del div "contenido". Después obtenemos el atributo (attr) href (osea el enlace) de cada una de ellas y cuando se producca el evento (event) de pinchar con el ratón (click) cargamos (load) sólamente el contenido. Yo las demás páginas a cargar dentro de contenido las tengo hechas solo con el código necesario para que se visualicen, es decir, sin etiquetas <head> ni <body>, solo con la etiqueta <html> y el código que pondrías dentro del contenedor. Como os dije antes, el menú principal está hecho en flash, por lo que los enlaces a través de este se abren con una pequeña variación en el código (también habría que modificar las lineas en actionscript del menú de flash). Eso lo explicaré en el siguiente post.
La página es la siguiente: http://www.talleresguadamia.com/
Comentarios
Publicar un comentario