¿cómo incluir dentro de un fichero html el contenido de otro fichero?
Necesito incluir dentro de un fichero html el contenido de otro (que me aporta una tabla ya formateada). ¿existe algún tag para hacerlo? algo así como:
<body>
...
<src="fichero.html>
...
</body>
gracias de antemano
<body>
...
<src="fichero.html>
...
</body>
gracias de antemano
Te voy a poner un ejemplillo para explicarte una manera de hacerlo. Supón que tienes un botón común en muchas páginas y deseas poder cambiar la imagen del mismo, o su href, cada vez que quieras. O sea, algo así:
<a href="pagina.html">
<img src="boton.gif" border="0">
</a>
Y esto quieres poder modificarlo a la vez en todas esas páginas. Lo que puedes hacer es, en el lugar donde van esos tags, colocar lo siguiente:
<script language="JavaScript" src="include.js">
</script>
Y el contenido del fichero include.js sería así:
document.write "<a href='pagina.html'>"
document.write "<img src='boton.gif' border="0'>"
document.write "</a>"
Espero que te haya servido de ayuda.
saludos
<a href="pagina.html">
<img src="boton.gif" border="0">
</a>
Y esto quieres poder modificarlo a la vez en todas esas páginas. Lo que puedes hacer es, en el lugar donde van esos tags, colocar lo siguiente:
<script language="JavaScript" src="include.js">
</script>
Y el contenido del fichero include.js sería así:
document.write "<a href='pagina.html'>"
document.write "<img src='boton.gif' border="0'>"
document.write "</a>"
Espero que te haya servido de ayuda.
saludos
Tal como dice Welsungo, lo más factible es crear un fichero *.js
Primero guardas toda la página en una variable. Después salvas el archivo con extensión *.js. Posteriormente insertas el siguiente código entre las etiquetas <HEAD> y </HEAD>
<SCRIPT language="Javascript" src="Include.js">
</SCRIPT>
Luego creas una función como esta:
function insertarTabla()
{
tabla='<table bgcolor="red" height="200" '+
'width="200"><tbody><tr><td></td></tr>'+
'</tbody></table>';
document.write(tabla);
}
Esta función la guardas en el archivo "Include.js" y luego la llamas así.
<BODY>
<SCRIPT language="Javascript">insertarTabla()</SCRIPT></BODY></HTML>
Espero que sea de ayuda, y la tabla, es sólo un ejemplo.
Cuídate mucho
Atte Wolverine
Primero guardas toda la página en una variable. Después salvas el archivo con extensión *.js. Posteriormente insertas el siguiente código entre las etiquetas <HEAD> y </HEAD>
<SCRIPT language="Javascript" src="Include.js">
</SCRIPT>
Luego creas una función como esta:
function insertarTabla()
{
tabla='<table bgcolor="red" height="200" '+
'width="200"><tbody><tr><td></td></tr>'+
'</tbody></table>';
document.write(tabla);
}
Esta función la guardas en el archivo "Include.js" y luego la llamas así.
<BODY>
<SCRIPT language="Javascript">insertarTabla()</SCRIPT></BODY></HTML>
Espero que sea de ayuda, y la tabla, es sólo un ejemplo.
Cuídate mucho
Atte Wolverine
Muchas gracias por tu respuesta.
Sólo queda un pequeño detalle ¿cómo puedo hacer que el contenido de la variable tabla se tome de un fichero?
function insertarTabla()
{
tabla=read(fichero.html);
document.write(tabla);
}
El contenido de la tabla no va a ser siempre el mismo (lo genera un programa externo) y necesito leerlo cada vez que se recarga la página. No he encontrado en javascript nada para resolverlo.
Saludos y gracias de nuevo
Bea
Sólo queda un pequeño detalle ¿cómo puedo hacer que el contenido de la variable tabla se tome de un fichero?
function insertarTabla()
{
tabla=read(fichero.html);
document.write(tabla);
}
El contenido de la tabla no va a ser siempre el mismo (lo genera un programa externo) y necesito leerlo cada vez que se recarga la página. No he encontrado en javascript nada para resolverlo.
Saludos y gracias de nuevo
Bea
Bueno, creo que este ejemplo te servirá de algo. Lo que te aconsejo, es que intentes un poco con Javascript.
--------------------------------------------------
// Esta función, la guardas como "Include.js"
function insertarTabla()
{
tabla='<table bgcolor="red" height="200" '+
'width="200"><tbody><tr><td></td></tr>'+
'</tbody></table>';
document.write(tabla);
}
--------------------------------------------------
<!-- Desde aquí llamas a la tabla -->
<HTML><HEAD>
<SCRIPT language="Javascript" src="Include.js">
</SCRIPT></HEAD>
<BODY>
<SCRIPT language="Javascript">insertarTabla()</SCRIPT></BODY></HTML>
--------------------------------------------------
Espero que te sirva el código.
Cuídate mucho y saludos a todos
Atte Wolverine
--------------------------------------------------
// Esta función, la guardas como "Include.js"
function insertarTabla()
{
tabla='<table bgcolor="red" height="200" '+
'width="200"><tbody><tr><td></td></tr>'+
'</tbody></table>';
document.write(tabla);
}
--------------------------------------------------
<!-- Desde aquí llamas a la tabla -->
<HTML><HEAD>
<SCRIPT language="Javascript" src="Include.js">
</SCRIPT></HEAD>
<BODY>
<SCRIPT language="Javascript">insertarTabla()</SCRIPT></BODY></HTML>
--------------------------------------------------
Espero que te sirva el código.
Cuídate mucho y saludos a todos
Atte Wolverine