Como llamar al footer desde index utilizando include en HTML

  • Autor Autor JoseCuevas
  • Fecha de inicio Fecha de inicio
JoseCuevas

JoseCuevas

Iota
Verificación en dos pasos activada
Verificado por Whatsapp
Hola.

Tengo que hacer un script para un cliente y para no escribir todo el código en un solo archivo (index.html) quisiera saber como hacer lo siguiente:

Ya tengo el header, menu, columna izquierda y footer pero tengo todo en un index.html, habrá manera de hacer algo, un comando o algo para que desde el index llame al header.html y no tenga que escribir todo el css y el html del header en el index?

Espero me haya explicado, muchas gracias de antemano!
 
se hace uso de ".php" para eso..

Ejemplo:

header.php
PHP: 
<html>
<head>
aqui codigo de tu head
</head>
<body>


footer.php
PHP: 
aqui codigo de tu footer
</body>
</html>


index.php
PHP: 
<?php
//mostramos el header
require_once('header.php');
?>

<div>AQUI CODIGO HTML DE TU INDEX</div>

<?php
//mostramos el footer
require_once('footer.php');
?>

Asi por cada "archivo.php" que quieras crear y listo..
 
JoseCuevas dijo:
Hola.

Tengo que hacer un script para un cliente y para no escribir todo el código en un solo archivo (index.html) quisiera saber como hacer lo siguiente:

Ya tengo el header, menu, columna izquierda y footer pero tengo todo en un index.html, habrá manera de hacer algo, un comando o algo para que desde el index llame al header.html y no tenga que escribir todo el css y el html del header en el index?

Espero me haya explicado, muchas gracias de antemano!
Hacer clic para expandir...

si pero no con HTML.... solo con PHP (o tal ves qon ajax, pero seria engorroso)... con php pones:
PHP: 
<?php include('file.html'); ?>
yo lo hago asi...separando la parde de arriba y la parde de abajo del diseño.
 
cicklow dijo:
si pero no con HTML.... solo con PHP (o tal ves qon ajax, pero seria engorroso)... con php pones:
PHP: 
<?php include('file.html'); ?>
yo lo hago asi...separando la parde de arriba y la parde de abajo del diseño.
Hacer clic para expandir...

Lo acabo de hacer con una prueba de index y un texto que decía "hola" en otro y puse esto en cada uno:

index.html:

<html>
<head>
</head>
<body>
<?php include('header.html'); ?>
</body>
</html>

header.html:

<html>
<head>
</head>
<body>
<div align="center">
Hola
</div>
</body>
</html>

Y al correr no me sale :/ tendré algun problema?
 
Última edición:
JoseCuevas dijo:
Lo acabo de hacer con una prueba de index y un texto que decía "hola" en otro y puse esto en cada uno:

index.html:

<html>
<header>
</header>
<body>
<?php include('file.html'); ?>
</div>
</body>
</html>

hola.html:

<html>
<header>
</header>
<body>
<div align="center">
Hola
</div>
</body>
</html>

Y al correr no me sale :/ tendré algun problema?
Hacer clic para expandir...
el archivo tiene que ser extencion .php (el que llama a los demas) sino no podes... jemplo index.php u hola.php
 
vicram10 dijo:
se hace uso de ".php" para eso..

Ejemplo:

header.php
PHP: 
<html>
<head>
aqui codigo de tu head
</head>
<body>


footer.php
PHP: 
aqui codigo de tu footer
</body>
</html>


index.php
PHP: 
<?php
//mostramos el header
require_once('header.php');
?>

<div>AQUI CODIGO HTML DE TU INDEX</div>

<?php
//mostramos el footer
require_once('footer.php');
?>

Asi por cada "archivo.php" que quieras crear y listo..
Hacer clic para expandir...

Hola hermano, cree los archivos como me dijiste, pero no me sale nada.

Podrías darme un ejemplo más espesifico algo así como "index.php" y "header.php" con el codigo que debe llevar cada uno ya listo para que yo cree los archivos en notepad++ y corra, solo ocupo que porlomenos en el index diga "hola" del header.php. Se que es molesto pero ya con eso yo comenzaré a ponerlo en practica y ya no te molestaré xD
 
Tendrias que copiar todo a php y asi funcioanria todo lo que te fijeron.

PHP: 
<?
include ("footer.php");
?>
 
JoseCuevas dijo:
Hola hermano, cree los archivos como me dijiste, pero no me sale nada.

Podrías darme un ejemplo más espesifico algo así como "index.php" y "header.php" con el codigo que debe llevar cada uno ya listo para que yo cree los archivos en notepad++ y corra, solo ocupo que porlomenos en el index diga "hola" del header.php. Se que es molesto pero ya con eso yo comenzaré a ponerlo en practica y ya no te molestaré xD
Hacer clic para expandir...

Pues crea header.php y agrega el contenido del header... luego footer.php y el contenido del footer.. luego index.php y coloca este code:
PHP: 
<?php include('header.php'); ?>
Aca contenido del sitio
<?php include('footer.php'); ?>

eso es todo... y necesitas un hosting que soporte PHP
 
vicram10 dijo:
se hace uso de ".php" para eso..

Ejemplo:

header.php
PHP: 
<html>
<head>
aqui codigo de tu head
</head>
<body>


footer.php
PHP: 
aqui codigo de tu footer
</body>
</html>


index.php
PHP: 
<?php
//mostramos el header
require_once('header.php');
?>

<div>AQUI CODIGO HTML DE TU INDEX</div>

<?php
//mostramos el footer
require_once('footer.php');
?>

Asi por cada "archivo.php" que quieras crear y listo..
Hacer clic para expandir...

cicklow dijo:
si pero no con HTML.... solo con PHP (o tal ves qon ajax, pero seria engorroso)... con php pones:
PHP: 
<?php include('file.html'); ?>
yo lo hago asi...separando la parde de arriba y la parde de abajo del diseño.
Hacer clic para expandir...

Gustavito dijo:
Tendrias que copiar todo a php y asi funcioanria todo lo que te fijeron.

PHP: 
<?
include ("footer.php");
?>
Hacer clic para expandir...

Muchas gracias a todos, lo estaba haciendo de forma local en mi pc pero lo subí a un sitio de prueba y ya pude jajajaja.

Muchas gracias por todo, en especial a ti Cicklow que rápido te enojas pero siempre ayudas :star2:
 
de nada para eso estamos.
Para hacer pruebas localmente, deberas instalar "Easy Php" o "xampp" (me inclino mas por Easy PHP)
 
JoseCuevas dijo:
Lo acabo de hacer con una prueba de index y un texto que decía "hola" en otro y puse esto en cada uno:

index.html:

<html>
<head>
</head>
<body>
<?php include('header.html'); ?>
</body>
</html>

header.html:

<html>
<head>
</head>
<body>
<div align="center">
Hola
</div>
</body>
</html>

Y al correr no me sale :/ tendré algun problema?
Hacer clic para expandir...

al fichero index.html (que llama a los demás html, header, footer...), renómbralo y llámalo index.php
y ten en cuenta que los ficheros .php no funcionan en modo local, así que para comprobarlo habrás de subirlo al hosting y utilizar xampp o similar

yo estoy muy poco puesta en .php, pero ésto sé que es así pq lo he comprobado... y gracias a tú pregunta, pq yo no sabía cómo hacerlo :encouragement:😉

---------- Post agregado el 12-may-2014 hora: 00:00 ----------
Xanina dijo:
... habrás de subirlo al hosting y utilizar xampp o similar
Hacer clic para expandir...

perdón, un error de escritura, quería decir ... habrás de subirlo al hosting o utilizar xampp o similar

---------- Post agregado el 12-may-2014 hora: 00:04 ----------

perdón, acabo de darme cuenta de que ya estaba solucionado el problema 😱
no sé si serán las horas :ambivalence:, pero cuando me puse a escribir mi respuesta, no sé pq no ví las otras soluciones :s

sorry 😛7::ambivalence:

---------- Post agregado el 12-may-2014 hora: 00:07 ----------
vicram10 dijo:
....

index.php
PHP: 
<?php
//mostramos el header
require_once('header.php');
?>

<div>AQUI CODIGO HTML DE TU INDEX</div>

<?php
//mostramos el footer
require_once('footer.php');
?>

Asi por cada "archivo.php" que quieras crear y listo..
Hacer clic para expandir...

hola vicram10, me puedes decir cuál es la diferencia entre lo que tú pones
Insertar CODE, HTML o PHP: 
require_once('footer.php');
y lo que cicklow pone
Insertar CODE, HTML o PHP: 
include('file.html');
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

K
Tutorial: Llamar a página externa [include] desde hooks e insentar mensaje en una plantilla
Respuestas
0
Visitas
2K
KingRuko
K
Atrás
Arriba