¿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