Comment réussir à faire entrer un fichier HTML externe (facilement modifiable) dans un autre fichier HTML ?

**MichelH45** · 21/12/2015, 17h15

Bonjour,
Je suis un ‘tender foot’ dans l’utilisation du Forum ‘Developper.net’ et j’ai donc commencé par commettre quelques erreurs. Je vais donc reformuler ma demande en la structurant et en donnant plus de détails.
J’essaye depuis peu de créer un site pour l’Université de Bruxelles pour y placer une collection historique d’échantillons de minéraux. J’utilise Dreamweaver8 pour composer le code et je regarde les résultats sur Morzilla Firefox
Après avoir généré plus d’une centaine de fiches, je me rends compte que la position des boutons, ainsi que leur libellé risque d’être modifiés dans le futur. Une bonne solution, pour ne pas devoir corriger les 3000 fiches que constituera cet ensemble, serait de sortir le code correspondant à la gestion des boutons dans un fichier HTML extérieur et de rappeler ce code.
Il semblerait que cette question a déjà fait l’objet de nombreuses questions dans divers Forums.
Pendant 4 jours de tâtonnements, j’ai essayé, sans succès, la plupart des solutions proposées sur Internet, et j’ai même fait un essai en ‘.php’.
Voici la liste de ce que j’ai testé sans succès :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<object data = "boutons.html" type = "text/html"></object>
<object data = "boutons.htm" type = "text/htm"></object>
<object data = "boutons.html" type = "text.css"></object>
<object data = "boutons.htm" type = "text.css"></object>
<object name="boutons" data = "boutons.htm" type = "text. /htm "></object>
<object name="boutons" data = "boutons.html" type = "text. /html "></object>
<object name="boutons" data = "boutons.html" type = "text.css"></object>
<object name="boutons" data = "boutons.htm" type = "text.css"></object>
<object name="boutons" type="text/html" data="boutons.inc"></object>
<object name="boutons" type="text/htm" data="boutons.inc"></object>
<object type="text/html" data="boutons.php"></object>
<object type="text/htm" data="boutons.php"></object>
<?php include ('boutons.php'); ?>
<?php require ('boutons.php'); ?>
<% include 'boutons.html' %>
<% include 'boutons.htm' %>
<% include 'boutons.php' %>
<link rel="import" href="boutons.html">
<link rel="import" href="boutons.htm">
<link rel="import" href="boutons.php">
<embed type="text/html" name="boutons.html"></embed>
<embed type="text/htm" name="boutons.htm"></embed>
<embed type="text/htm" name="boutons.php"></embed>
<embed type="text/html" scr="boutons.html"></embed>
<embed type="text/htm" scr="boutons.htm"></embed>
<embed type="text/htm" scr="boutons.php"></embed>
<!--#include virtual="butons.html" -->
<!--#include virtual="butons.php" -->
<!--#include virtual="butons.htm" -->

… et rien n’a fonctionné !
Ce matin, en rallumant mon ordinateur, j’ai relancé le dernier essai que j’avais sauvé ‘()’, et miracle cela fonctionne enfin … mais uniquement sur Deamweaver8 !
Voir le code du fichier test AAA.htm en annexe

C’est le bloc de cod,e de <div id="buttonbar"> à </div> que j’ai sorti pour créer le fichier ‘bouton.htm’ (voir en annexe)

et que je rappelle dans le fichier ‘AAA-modifié.htm’, avec ‘’.
Le fichier AAA-modifié.htm : devient donc : (voir en annexe)

Lorsque je regarde en Dreamweaver8 les boutons apparaissent normalement, mais ne sont plus là lorsque je lance le fichier sur Firefox.
J’ai aussi fait d’autres essais en remplaçant la première ligne par ‘<!DOCTYPE html>’ pour passer en HTML5 et cela donne exactement les mêmes résultats.
En résumé, la question principale est : ‘Comment réussir à faire entrer un fichier HTML externe (facilement modifiable) dans un autre fichier HTML ?’
La question subsidiaire serait : Est-il intéressant de passer en HTML5 et si oui, ai-je procédé correctement ?
Je vous remercie d’avance pour votre aide.
MichelH45

**MichelH45** · 22/12/2015, 08h49

Bonjour,
Comme d’habitude, la nuit porte conseil.
Je me rends compte que les ‘cadre’, ‘buttonbar’ et autres, ‘contenu’ des fichiers AAA.htm, AAA-modifié.htm et boutons .htm sont définis dans le fichier style.css que je n’ai pas donné hier. De plus les fichiers ‘.png’ associés sont également indispensables.
Je les ajoute en annexe.
MichelH45

**MichelH45** · 22/12/2015, 08h52

3 fichiers ne sont pas passés
MichelH45

Invité · 22/12/2015, 13h16

Bonjour,

J’utilise Dreamweaver8 pour composer le code et je regarde les résultats sur Morzilla Firefox

OK. Encore faut-il savoir s'en servir (= en connaitre les fonctionnalités).

...Après avoir généré plus d’une centaine de fiches...

Houlà ! Il serait peut-être temps d'envisager utiliser une base de données pour y stocker les infos propres à chaque fiche !

Pour pouvoir inclure des fichiers dans d'autres fichiers (comme un menu, un "modèle" de fiche,...), il faut utiliser un langage dynamique comme PHP.
Les fichiers doivent alors avoir l'extension .php.

Je ne connais pas les fonctionnalités de Dreamweaver, mais il me semble qu'il est capable de traiter des fichier PHP.

PHP : Le tutoriel pour grands débutants pressés

**MichelH45** · 22/12/2015, 18h43

Bonjour, Merci pour votre intervention.
Même si j’ai eu de la chance de pouvoir rapidement, en m’inspirant de diverses open sources, écrire un programme en HTML qui fonctionne plutôt bien, je ne suis qu’un débutant en HTML-CSS et je n’ai fait qu’effleurer le PHP (dans lequel d’ailleurs, je suis sûr de ne pas avoir compris grand-chose !).
Tenter d’expliquer le contexte dans lequel ce programme a été développé, s’avère avoir été une erreur. Je pense donc qu’il vaut mieux oublier cette première partie de ma demande.

Le problème est donc le suivant.
La gestion des divers "boutons",est la même dans toutes les pages.htm de ce programme et il serait plus élégant de pouvoir la sortir dans un fichier séparé
Lorsque les lignes 10 à 25 sont écrites DANS les fichiers tels que AAA.htm, tout fonctionne normalement. Les 3 boutons ‘Liste des Minéraux’, ‘Pays et Sites’ et ‘A quoi cela sert-il ?’, apparaissent correctement tant sur Dreamweaver8 que sur l’écran (en Mozilla) et effectuent le travail pour lequel ils ont été conçus.
Lorsque je sors ces 16 lignes en les plaçant dans ‘boutons.htm’ et que je les rappelle dans AAA-modifié.htm avec un des 2 codes suivants (qui sont équivalent dans ce cas-ci)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!--#include virtual ="boutons.htm" -->
<!--#include file="boutons.htm" -->

Tout se passe normalement sur Dreamweaver8 (les 3 boutons sont bien présents et au bon endroit), alors que sur l’écran (en Mozilla) ces boutons sont désespérément absents, ce qui est frustrant.
Pour être certain que le problème ne provenait pas d’un copier/coller raté, j’ai réécris l’entièreté du fichier ‘boutons.htm’. De plus, j’ai revérifié TOUTES les balises (et ajouté le seul ‘/’ manquant) ainsi que toutes les imbrications pour être certain qu’il n’y avait pas d’anomalies cachée, mais rien n’a changé.
Je pense qu’il doit y avoir une erreur quelque part ( !), mais ou ( ?) dans le code HTML ou dans le CSS ?
J’ai continué les recherches dans un maximum de forums pour comprendre comment d’autres ont résolu ce problème (en pur HTML !), et il semble apparaitre que le code le plus efficace serait bien celui que j’ai utilisé dans AAA-corigé.htm et dont je parle ci-dessus.

S’il faut passer en PHP, j’espère que le fichier boutons.php, donné en annexe, est correctement rédigé, par contre, même après la lecture du tutoriel je ne comprends pas comment transformer AAA-corrigé.htm en AAA-corrigé.php.
Pour le reste je vais continuer à chercher d’autres tutoriels PHP.
MichelH45

Invité · 22/12/2015, 20h22

Il faut commencer par remplacer TOUTES les extensions des fichiers .htm en .php

Si tu utilises Dreamweaver, regarde et étudie la doc ! (que je ne connais pas)...