Insérer une page html dans une page html


Keo Membre 278 messages
Forumeur activiste‚ 29ans
Posté(e)

Bonjour,

J'aimerais savoir comment insérer dans une page html une autre page html mais je souhaite que cette dernière se recharge toute seule par exemple tous les 15 secondes.

Merci d'avance. :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Messages recommandés

Ryo Membre 911 messages
Forumeur accro‚ 43ans
Posté(e)

Salut,

2 solutions :

- en javascript

- ou une iframe qui se recharge toute seule

Faudrait en dire plus :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
Keo Membre 278 messages
Forumeur activiste‚ 29ans
Posté(e)

Salut,

Il existe un moyen avec "INCLUDE" genre <!-- INCLUDE overall_header.html -->

éa ne marcherait pas avec ce moyen ? :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
Ryo Membre 911 messages
Forumeur accro‚ 43ans
Posté(e)

<!--#include virtual="overall_header.html" -->

C'est du SSI (Server Side Includes), en gros c'est le serveur qui interprète cette commande avant de l'envoyer

Il faut que cela soit activé sur ton serveur pour que ça fonctionne.

Pour savoir si ça fonctionne, il n'y a pas 36 solutions, mets ce code et teste le pour voir si ça fonctionne :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
Keo Membre 278 messages
Forumeur activiste‚ 29ans
Posté(e)

C'est du SSI (Server Side Includes), en gros c'est le serveur qui interprète cette commande avant de l'envoyer

Il faut que cela soit activé sur ton serveur pour que ça fonctionne.

Pour savoir si ça fonctionne, il n'y a pas 36 solutions, mets ce code et teste le pour voir si ça fonctionne :snif:

Ok et pour le refresh tous les 15 secondes, je mets quoi comme code dans mon page html que je vais "includer" ?

Partager ce message


Lien à poster
Partager sur d’autres sites
Ryo Membre 911 messages
Forumeur accro‚ 43ans
Posté(e)

Dans la page à "includer", entre les balises <head> et </head>, tu mets la balise meta suivante :

<meta http-equiv="Refresh" content="valeur_en_seconde">

dans ce cas précis, ça sera : <meta http-equiv="Refresh" content="15">

Partager ce message


Lien à poster
Partager sur d’autres sites
Keo Membre 278 messages
Forumeur activiste‚ 29ans
Posté(e)
Dans la page à "includer", entre les balises <head> et </head>, tu mets la balise meta suivante :

<meta http-equiv="Refresh" content="valeur_en_seconde">

dans ce cas précis, ça sera : <meta http-equiv="Refresh" content="15">

Ok ça fonctionne mais le problème c'est que lorsqu'il se rafraichit, il rafraichit toute la page or je souhaite qu'il rafraichit seulement la page que j'ai "includé".

Partager ce message


Lien à poster
Partager sur d’autres sites
Ryo Membre 911 messages
Forumeur accro‚ 43ans
Posté(e)

on en revient donc aux solutions de départ :snif:

- soit on le fait en javascript

- soit tu le mets en iframe

l'iframe n'est pas top, mais c'est plus facile à faire que javascript

A la place de :

<!--#include virtual="overall_header.html" -->

tu mets ce code :

<iframe src="overall_header.html" width="largeur" height="hauteur" scrolling="no" frameborder="0" > </iframe>

scrolling="no" -> pour ne pas afficher les barres de scroll

frameborder="0" -> pour ne pas afficher les bordures de l'iframe

à toi de définir tes dimensions soit en pixels, soit en % de la fenêtre active

ex : width="700" -> pixels

ou width="80%"

Et dans overall_header.html tu laisse ta balise refresh

Modifié par Ryo

Partager ce message


Lien à poster
Partager sur d’autres sites
Keo Membre 278 messages
Forumeur activiste‚ 29ans
Posté(e)

Ok c'est bon ça fonctionne, merci beaucoup de l'aide. :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
Ryo Membre 911 messages
Forumeur accro‚ 43ans
Posté(e)

Mais de rien :snif:

Partager ce message


Lien à poster
Partager sur d’autres sites
Annonces
Maintenant

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant