Même boutons sur toutes les pages

ASCAL · Message par **ASCAL** » 01 févr. 2015, 19:43

Bonsoir ,
Sur mon site : http://nostalgievieuxvolant.free.fr/index.html toutes les pages ont les même boutons ouvrant diverses pages.

Est il possible de changer les liens des boutons de la page d'accueil et qu'ils soient automatiquement modifiés sur toutes les pages ?

Merci par avance pour vos conseils
Votre Navigateur : Mozilla/5.0 (Windows NT 6.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.93 Safari/537.36

Message par **Ymai** » 02 févr. 2015, 16:21

Bonjour
Avec KompoZer à l'état natif, c'est malheureusement impossible.
Par contre, avec un peu de magie en code "côté serveur", pas de problème. Il suffit (?) de créer le bout de code HTML qui va bien, de l'enregistrer dans un fichier séparé et d'insérer ledit bout de code dans chaque page à l'aide d'une instruction du type

Code : Tout sélectionner

<?php
include("../boutDeCode.html");
?>

si l'on envisage d'utiliser PHP.
Le fichier boutDeCode.html pourrait contenir quelque chose comme

Code : Tout sélectionner

      <a href="leclub/presentationclub.html"><img style="border: 0px solid ; width: 130px; height: 42px;" alt="" src="boutons/BoutonLC.png"></a><br>
      <a href="auto/Les%20autos.html"><img style="border: 0px solid ; width: 130px; height: 41px;" alt="" src="boutons/BoutonLA.png"></a><br>
      <a href="lesmotos/moto.html"><img style="border: 0px solid ; width: 129px; height: 41px;" alt="" src="boutons/BoutonLM.png"></a><br>
      <a href="Calendrier/Calendrier.html"><img style="border: 0px solid ; width: 127px; height: 40px;" alt="" src="boutons/BoutonSV.png"></a><br>
      <a href="album/album.html"><img style="border: 0px solid ; width: 126px; height: 40px;" alt="" src="boutons/BoutonA.png"></a><br>
      <a href="les%20evenements/les%20evenements.html"><img style="border: 0px solid ; width: 125px; height: 39px;" alt="" src="boutons/BoutonE.png"></a><br>
      <a href="liens/Les%20liens.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLL.png"></a><br>
      <a href="jouets/jouets.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLJ.png"></a><br>
      <a href="annonce/annonce.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLAn.png"></a><br>
      <a href="Technique/Technique.html"><img style="border: 0px solid ; width: 123px; height: 38px;" alt="" src="boutons/BoutonT.png"></a><br>
      <a href="http://nostalgievieuxvolant.free.fr/membres/page_membres.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonM.png"></a><br>
      <a href="album/s2015/Galette%202015.html"><img style="border: 0px solid ; width: 187px; height: 50px;" alt="" src="boutons/Bouton%20DSo.png"></a>

Bien évidemment, la directive "include" remplace le pavé de code correspondant dans chaque page.

En cas de modification des liens, il suffit d'intervenir sur la page "boutDeCode.html". Les modifications seront répercutées partout.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0

ASCAL · Message par **ASCAL** » 05 févr. 2015, 19:49

Bonsoir , a vrai dire je ne comprend pas du tout.
J'ai essayé à " l'arrache " d'insérer le code dans la source de plusieurs pages ,( mais les liens restent différents si j'en modifie un ):

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Accueil NVV</title>
<style type="text/css">
pre {
background-position: center center;
opacity: 0.798;
background-image: url(imageindex/fond%202.png);
}


<?php
include("../ <a href="leclub/presentationclub.html"><img style="border: 0px solid ; width: 130px; height: 42px;" alt="" src="boutons/BoutonLC.png"></a><br>
<a href="auto/Les%20autos.html"><img style="border: 0px solid ; width: 130px; height: 41px;" alt="" src="boutons/BoutonLA.png"></a><br>
<a href="lesmotos/moto.html"><img style="border: 0px solid ; width: 129px; height: 41px;" alt="" src="boutons/BoutonLM.png"></a><br>
<a href="Calendrier/Calendrier.html"><img style="border: 0px solid ; width: 127px; height: 40px;" alt="" src="boutons/BoutonSV.png"></a><br>
<a href="album/album.html"><img style="border: 0px solid ; width: 126px; height: 40px;" alt="" src="boutons/BoutonA.png"></a><br>
<a href="les%20evenements/les%20evenements.html"><img style="border: 0px solid ; width: 125px; height: 39px;" alt="" src="boutons/BoutonE.png"></a><br>
<a href="liens/Les%20liens.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLL.png"></a><br>
<a href="jouets/jouets.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLJ.png"></a><br>
<a href="annonce/annonce.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLAn.png"></a><br>
<a href="Technique/Technique.html"><img style="border: 0px solid ; width: 123px; height: 38px;" alt="" src="boutons/BoutonT.png"></a><br>
<a href="http://nostalgievieuxvolant.free.fr/membres/page_membres.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonM.png"></a><br>
<a href="album/s2015/Galette%202015.html"><img style="border: 0px solid ; width: 187px; height: 50px;" alt="" src="boutons/Bouton%20DSo.png"></a>
.html");




?>

Votre Navigateur : Mozilla/5.0 (Windows NT 6.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.94 Safari/537.36

Message par **Ymai** » 05 févr. 2015, 20:38

Bonjour
Je vais tenter d'être plus clair

Le fichier "boutDeCode.html" ne contient que ce qui se trouve dans mon encadré.

Code : Tout sélectionner

          <a href="leclub/presentationclub.html"><img style="border: 0px solid ; width: 130px; height: 42px;" alt="" src="boutons/BoutonLC.png"></a><br>
          <a href="auto/Les%20autos.html"><img style="border: 0px solid ; width: 130px; height: 41px;" alt="" src="boutons/BoutonLA.png"></a><br>
          <a href="lesmotos/moto.html"><img style="border: 0px solid ; width: 129px; height: 41px;" alt="" src="boutons/BoutonLM.png"></a><br>
          <a href="Calendrier/Calendrier.html"><img style="border: 0px solid ; width: 127px; height: 40px;" alt="" src="boutons/BoutonSV.png"></a><br>
          <a href="album/album.html"><img style="border: 0px solid ; width: 126px; height: 40px;" alt="" src="boutons/BoutonA.png"></a><br>
          <a href="les%20evenements/les%20evenements.html"><img style="border: 0px solid ; width: 125px; height: 39px;" alt="" src="boutons/BoutonE.png"></a><br>
          <a href="liens/Les%20liens.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLL.png"></a><br>
          <a href="jouets/jouets.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLJ.png"></a><br>
          <a href="annonce/annonce.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonLAn.png"></a><br>
          <a href="Technique/Technique.html"><img style="border: 0px solid ; width: 123px; height: 38px;" alt="" src="boutons/BoutonT.png"></a><br>
          <a href="http://nostalgievieuxvolant.free.fr/membres/page_membres.html"><img style="border: 0px solid ; width: 123px; height: 39px;" alt="" src="boutons/BoutonM.png"></a><br>
          <a href="album/s2015/Galette%202015.html"><img style="border: 0px solid ; width: 187px; height: 50px;" alt="" src="boutons/Bouton%20DSo.png"></a>

Il ne contient pas d'entête ni même de balise <?php ... ?>
Il ne peut donc, en aucun cas, être écrit avec KpZ. Il faut utiliser un éditeur de texte pur (sous Windows, le maître choix est sans doute Notepad++) et enregistrer ce fichier à côté des autres, dans le même dossier (pour faire simple).

Dans chacun des fichiers qui doit contenir le menu, il faut alors insérer le code php

Code : Tout sélectionner

<?php
include ('boutDeCode.html');
?>

à la place de tout le toutim.

À chaque appel de la page, le serveur inclura le fichier 'boutDeCode.html' dans ladite page, à la volée.

De mémoire (KpZ ne tournerait pas sur mon système), je pense qu'il y a une commande dans KpZ pour insérer du code PHP. Il faut l'utiliser (ou passer par le volet "code").
Attention! Il faut que les pages qui contiendront ce "include" soient définies comme étant codées en PHP. L'extension .php est donc obligatoire.

S'il faut, un jour, faire une modification dans ce "menu", c'est bien dans le fichier "boutDeCode.html" qu'il faut agir. Et nulle part ailleurs.
Une dernière chose: il faut, évidemment, que le serveur utilisé supporte PHP. À vérifier avant tout... Of course.
Votre Navigateur : Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0

Geckozone

Même boutons sur toutes les pages

Même boutons sur toutes les pages

Re: Même boutons sur toutes les pages

Re: Même boutons sur toutes les pages

Re: Même boutons sur toutes les pages

Qui est en ligne ?