Reemplace el contenido de DIV con otro DIV en otra página

Tengo 2 paginas

pagina1.html

<html>
  <head>
     <script src="sorttable.js"></script>
     <script type="text/javascript">     
        function PrintDiv(id) {            
           var divToPrint = document.getElementById(id);
           var popupWin = window.open("page2.html");

           // what here?    
           popupWin.document.getElementById('div2').appendChild(divToPrint);
           popupWin.document.getElementById(id + '_t').style.display = "block";
           popupWin.document.getElementById(id + '_t').setAttribute("class","sortable");

        }
     </script>
   </head>
        <body >
            <div id="divToPrint" >
                <table class = "sortable" id="divToPrint_t" style="display:none;">
                <tr>   
           <th>Edificio</th>
           <th>Tipo</th>
        </tr>
        <tr>
              <td>E1</td>
              <td>T1</td>
        </tr>
        <tr>
              <td>A1</td>
              <td>Q1</td>
        </tr>
        </table>
            </div>
        <div>
            <input type="button" value="print" onclick="PrintDiv('divToPrint');" />
        </div>
        </body> 
</html>

pagina2.html

<html>
  <head>
    <script src="sorttable.js"> </script>
   </head>
<body>
<div id="div2">
</div>
</body>
</html>

Necesito eso, cuando presiono el botón, abro una nueva pestaña, con page2.html, y con la tabla en DIV div2... con bloque de visualización, y manteniendo la clase clasificable para ordenar.

¿Cómo puedo hacerlo?

preguntado el 15 de febrero de 14 a las 20:02

Lo que quieres hacer se llama Ajax. Hay numerosos ejemplos: stackoverflow.com/questions/tagged/ajax -

1 Respuestas

Estoy bastante seguro de que tienes que usar Ajax para lo que quieres hacer

Respondido 15 Feb 14, 20:02

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.