Un poco tarde, pero creo que puedo aportar algo, que seguro tiehe defensores
y detractores:

yo tengo una sitio en donde dentro de una misma pagina, pretendo visualizar
paginas distintas, mediante una lista, sin recargar cabeceras y todo eso.
Lo hice asi:

css, jscript:

<script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    var emi = "#menu a";                                //Emisor
    var rec = "#show";                                //Receptor  (1)
    var src = "loading.gif";                        //Imagen de precarga
    var iid = "loading";                            //Id de la precarga
    var pre = '<img src="'+src+'"id="'+iid+'"/>';    //Objeto precarga
    var spe = "slow";                                //Velocidad del efecto
    $(emi).each(function(){
                    //Guardamos el vaolor de href de cada enlace.
        $(this).click(function(){                    //Cargamos en rec el
contenido de cada href y le damos efectos.
            var href = $(this).attr("href");
            $(rec).hide().after(pre).load(href, function()
{$("#"+iid).remove();$(this).fadeIn(spe)});
            return false;                            //Para que no se
redireccione.
        });
    });
});
</script>

esta funcion lo que hace es permitirme abrir en un mismo div, distintos
documentos .html

la estrucutra es la siguiente, una cabecera, dos columnas, a la izq, el menu
con las opciones y a la derecha el div que recibira esos .html, mediante un
enlace.

Los  .html que se abriran en "show" (1) estan hechos sin cabecera, como son
datos tabulares, estan dentro de una tabla, y nada mas el diseño se lo doy a
la tabla mediante css, para probarlo he desactivado el css, y tambien las
imagenes, y se ve como si fuera solo texto, es navegable y creo que
accesible, eso me lo podran asegurar quienes saben mucho de accesibilidad,
como bien decian mas arriba, si quieres guardar el link, te guarda la pagina
contenedora, no el contenido

HTML:
<div id="contenido">
<div id="menu">

<ul>
<li class="nivel1 primera"><span>Torneos 2009</span>
<!--[if lte IE 6]><a href="torneos2009.html" class="nivel1ie">Torneos
2009<table class="falsa"><tr><td><![endif]-->
</ul>

<ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="nivel1"><span>Torneos Anuario 2008 / 2&deg; Parte </span>
<!--[if lte IE 6]><a href="abierto02122008.html" class="nivel1ie">Torneos
Anuario 2008<table class="falsa"><tr><td><![endif]-->
</ul>

<ul>
<li class="primera"><a href="1.html"><span>1</span></a></li>
<li> <a href="2.html3"><span>2</span></a></li>
<li> <a href="3.html4"><span>3</span></a></li>
<li> <a href="4.html5"><span>4</span></a></li>
<li> <a href="5.html6"><span>5</span></a></li>
<li> <a href="6.html7"><span>6</span></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
</div><!-- fin menu-->

       <div id="show">

    CONTENIDO SE MOSTRARA AQUI (yo tengo una tabla base para que no quede
vacio, blanco, supongo que eso es a criterio)

     </div><!-- fin show-->

Otra cosa, al sacarle los css, el contenido del enlace se abre al final de
la pagina, y ademas en mi caso le puse para volver atras lo siguiente

<img src="flecha.png" height="21" border="0" align="right"
onclick="history.back()" /> y vuelve al principal, si mal no recuerdo.
Seguramente hay mucho que pulir en este codigo, aun asi, espero te sirva
para darte una idea.

Suerte!!

Alejandra
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a