¿Se puede introducir un encabezado?
Es posible introducir el mismo encabezado en todas las páginas de una web SIN utilizar frames y sin colocarlo "a piñón", utilizando htm, es decir tener en una página el encabezado y con alguna función llamarlo y que aparezca en las que se requiera, de tal modo que si en algún momento se modifica pues se modifique en todos.
Un saludo y gracias por adelantado
Un saludo y gracias por adelantado
1 respuesta
Respuesta de esctrash
1
Crea un archivo tipo .js,( por ejemplo, cabecera.js) e insértalo en las páginas que quieras.
El archivo .js debe ser de esta forma:
document.write('<p><strong>MI ENCABEZADO</strong></p>');
document.write('Este es mi encabezado comun');
y para insertarlo usa esto directamente al inicio de la página, justo despues del body:
<script src="miruta/cabecera.js"></script>
Con document. write puedes poner todas las etiquetas html que quieras, eso si, ten cuidad con el uso de las comillas, pues genera errores. Puedes poner tablas, imágenes, ... lo que quieras.
Si tienes dudas sobre esto, pregunta.
El archivo .js debe ser de esta forma:
document.write('<p><strong>MI ENCABEZADO</strong></p>');
document.write('Este es mi encabezado comun');
y para insertarlo usa esto directamente al inicio de la página, justo despues del body:
<script src="miruta/cabecera.js"></script>
Con document. write puedes poner todas las etiquetas html que quieras, eso si, ten cuidad con el uso de las comillas, pues genera errores. Puedes poner tablas, imágenes, ... lo que quieras.
Si tienes dudas sobre esto, pregunta.
Verás como creo que quedará patente ahora, me ahogo en un vaso de agua, puesto que supongo que los problemas me vengan de las comillas, te pongo un ejemplo de más o menos como sería el encabezado por si me puedes ayudar, puesto que no se como eliminar las comillas de por ejemplo border"0" o cualquier otro valor, el ejemplo es este.
<table border="1" width="100%">
<tr>
<td width="50%"><font size="2" face="Arial" color="#000080">Encabezado de
prueba</font></td>
<td width="50%"> </td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="50%">
<IMG height=27 src="../../../../../images/ondas.gif" width=92></td>
<td width="43%">
<p><a href="javascript:window.print();">
<img class="noprint" border="0" src="../../../../../images/print.gif" width="64" height="23" align="right"></a></td>
<td width="7%">
<img border="0" src="../../../../../images/fprint.gif" width="55" height="28" align="right"></td>
</tr>
</table>
Son dos tablas en las que íria situado el encabezado.
¿Puedes ayudarme?
Un saludo y gracias por adelantado
<table border="1" width="100%">
<tr>
<td width="50%"><font size="2" face="Arial" color="#000080">Encabezado de
prueba</font></td>
<td width="50%"> </td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="50%">
<IMG height=27 src="../../../../../images/ondas.gif" width=92></td>
<td width="43%">
<p><a href="javascript:window.print();">
<img class="noprint" border="0" src="../../../../../images/print.gif" width="64" height="23" align="right"></a></td>
<td width="7%">
<img border="0" src="../../../../../images/fprint.gif" width="55" height="28" align="right"></td>
</tr>
</table>
Son dos tablas en las que íria situado el encabezado.
¿Puedes ayudarme?
Un saludo y gracias por adelantado
var cabecera;
cabecera ="<table border='1' width='100%'>"
cabecera= cabecera + "<tr>"
cabecera= cabecera + "<td width='50%'><font size='2' face='Arial' color='#000080'>Encabezado de prueba</font></td>"
cabecera= cabecera + "<td width='50%'> </td>"
cabecera= cabecera + "</tr>"
cabecera= cabecera + "</table>"
cabecera= cabecera + "<table border='1' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#111111' width='100%' id='AutoNumber2'>"
cabecera= cabecera + "<tr>"
cabecera= cabecera + "<td width='50%'>"
cabecera= cabecera + "<IMG height='27' src='../../../../../images/ondas.gif' width='92'></td>"
cabecera= cabecera + "<td width='43%'>"
cabecera= cabecera + "<p><a href=\"javascript:window.print();"
cabecera= cabecera + "\"><img class='noprint' border='0' src='../../../../../images/print.gif' width='64' height='23' align='right'></a>"
cabecera= cabecera + "</td>"
cabecera= cabecera + "<td width='7%'>"
cabecera= cabecera + "<img border='0' src='../../../../../images/fprint.gif' width='55' height='28' align='right'></td>"
cabecera= cabecera + "</tr>"
cabecera= cabecera + "</table>"
document.write(cabecera);
Cuando son tantas lineas, yo prefiero declarar variable e imprimirla al final.
Fíjate bien en el uso de las comillas, sobre todo en el enlace javascript que tienes, con el uso de la barra \ para que el script funcione.
cabecera ="<table border='1' width='100%'>"
cabecera= cabecera + "<tr>"
cabecera= cabecera + "<td width='50%'><font size='2' face='Arial' color='#000080'>Encabezado de prueba</font></td>"
cabecera= cabecera + "<td width='50%'> </td>"
cabecera= cabecera + "</tr>"
cabecera= cabecera + "</table>"
cabecera= cabecera + "<table border='1' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#111111' width='100%' id='AutoNumber2'>"
cabecera= cabecera + "<tr>"
cabecera= cabecera + "<td width='50%'>"
cabecera= cabecera + "<IMG height='27' src='../../../../../images/ondas.gif' width='92'></td>"
cabecera= cabecera + "<td width='43%'>"
cabecera= cabecera + "<p><a href=\"javascript:window.print();"
cabecera= cabecera + "\"><img class='noprint' border='0' src='../../../../../images/print.gif' width='64' height='23' align='right'></a>"
cabecera= cabecera + "</td>"
cabecera= cabecera + "<td width='7%'>"
cabecera= cabecera + "<img border='0' src='../../../../../images/fprint.gif' width='55' height='28' align='right'></td>"
cabecera= cabecera + "</tr>"
cabecera= cabecera + "</table>"
document.write(cabecera);
Cuando son tantas lineas, yo prefiero declarar variable e imprimirla al final.
Fíjate bien en el uso de las comillas, sobre todo en el enlace javascript que tienes, con el uso de la barra \ para que el script funcione.
