Copiar, Importar o Sincronizar una tabla de una Web a otra

Javier_Odyseus · #1 (**permalink**) 18/02/2013, 05:19

Hola compañeros,

Tengo una pregunta que seguramente sea un poco estúpida pero no tengo forma de arreglarlo por más que he buscado e investigado. A ver si podéis ayudarme como ya habéis hecho anteriormente.

Me he encontrado con la necesidad de copiar, importar o sincronizar simplemente, una tabla de una web, con sus clases x-grid y demás a otra.

Podría copiar todas las clases y código original a mi nuevo sitio y funcionaría pero sería un engorro y además no estoy seguro de que al usar el botón de "Actualizar" disponible, fuera a hacerlo de acuerdo a la web original.

Así pues, y con mis conocimientos tan limitados en HTML CSS y demás. ¿Qué puedo hacer? ¿Hay alguna forma de copiarla íntegra y fácilmente sin que me deje nada por el camino? Repito, por las diferentes clases de estilo y demás...

Y otra opción se me ocurre, que sería ideal, ¿hay alguna forma de llamar desde mi sitio web a esa tabla (en la otra web) sin mayor complicación? Sería lo más fácil e idóneo.

Espero con ansias vuestra ayuda, de verdad que la necesito. Y muchísimas gracias.

pzin · #2 (**permalink**) 18/02/2013, 06:39

Pues si el CSS está bien ordenado, tendrían que estar los estilos de la tabla y celdas agrupados. Sino, tendrías que mirar qué clases/ids hay en el HTML y luego localizarlos en el archivo CSS y copiarlos.

La opción más fácil, es poner la tabla en una página individual y luego incluirlas con un iframe en ambas páginas, así te queda una única tabla a editar.

Por otro lado también puedes usar algún lenguaje de servidor tipo PHP para incluir esa tabla dinámicamente y, también, usar SSI si corres bajo Apache —creo que se podía configurar para tirar de recursos externos.

emprear · #3 (**permalink**) 18/02/2013, 07:41

Primero, las preguntaa del millón,
ambas páginas te pertenecen?
usá apache?
De ser así, una variante a lo dicho por @Bonez

En la web dónde esta originalmente la tabla
index.php

Código PHP:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>indice</title>
<link rel="stylesheet" type="text/css" href="tabla.css" media="screen" />
</head>
<body>
<h1>Tabla</h1>
<div id="tabla">
<?php
include('tabla.php');
?>
</div>
</body>
</html>

tabla.php

Código PHP:

Ver original<table border="1" width="30%" cellpadding="3" cellspacing="3" class="datos">
<tr><td>uno</td></tr>
<tr><td>dos</td></tr>
<tr><td>tres</td></tr>
</table>

tabla.css

Código CSS:

Ver originaltable.datos{
color: red;
font-family: arial;
}

y en el .htaccess (para permitir Ajax Crossdomain)

Código Apache:

Ver original<FilesMatch "tabla.php$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

Como ves, tabla.php y tabla.css son dos archivos independientes

Ahora en tu otra Web (y vamos a usar jQuery para simplificarte la carga con Ajax)

Código PHP:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<link rel="stylesheet" type="text/css" href="http://emprear.dnsd.info/ajax/include_load/tabla.css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div id="syn">
<?php
// cargás la tabla inicialmente
$tabla = file_get_contents('http://emprear.dnsd.info/ajax/include_load/tabla.php');
echo $tabla;
?>
<script type="text/javascript">
//<![CDATA[
function actualiza(){
var tiempo = new Date().getTime();
$("#syn").load('http://emprear.com.ar/include_load/tabla.php?' + tiempo);
}
setInterval('actualiza()',10000);
//]]>
</script>
</div>
</body>
</html>

observá también que en esta página llamamos con la url completa al archivo de estilos de la tabla ( http://emprear.dnsd.info/ajax/include_load/tabla.css )
De esta manera en la 2º web los cambios a la tabla se reflejarán automáticamente

Saludos