Comment je peux changer le contenu d'une page web

Fermé
hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016 - 22 mars 2016 à 18:30
hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016 - 24 mars 2016 à 10:21
Bonjour,

j'ai une question pour vous mes amis
j'ai crée un site web qui contient 4 bouton : ordinateur,ecran,peripherique,routeur. je veux que lorsque je clique sur un de ces bouton le contenu se change sans l'ouvrir dans une nouvelle page pouvez vous m'aider svp

A voir également:

2 réponses

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié par dugenou le 23/03/2016 à 08:50
Bonjour,

Il faut séparer le contenant du contenu, c'est à dire, que le contenant, le fichier index.php, restera toujours le même et que le contenu, les données, changeront en fonction de ce que le visiteur veut afficher. Le contenu peut être stocké dans une base de données ou dans des fichiers texte.

On peut utiliser la méthode "GET" pour transmettre la valeur d'une variable, c'est à dire que l'URL des pages se présentera de cette manière :

http://nom_du_site/index.php?page=accueil
http://nom_du_site/index.php?page=ordinateur
http://nom_du_site/index.php?page=ecran
http://nom_du_site/index.php?page=peripherique
http://nom_du_site/index.php?page=routeur

La variable $page aura donc 5 possibilités de valeur : accueil, ordinateur, ecran, peripherique ou routeur.

Pour transmettre la valeur de la variable par le menu, tu fais les liens de cette manière :

<a href="index.php?page=ordinateur" title="Page Ordinateur">Ordinateur</a>


Il faut créer autant de fichiers texte que de rubriques à afficher, c'est à dire :

accueil.txt
ordinateur.txt
ecran.txt
peripherique.txt
routeur.txt

Ces fichiers contiendront le texte que tu souhaites afficher dans les différentes rubriques.

Tu places ces fichiers texte dans un dossier (par exemple "data") protégé par un fichier .htaccess qui contient :

Deny from all


Dans ta page index.php, pour récupérer la valeur de la variable $page, il faut mettre :

<?php
empty($_GET['page']) ? $page = '' : $page = $_GET['page'];

if (empty($page)){
   $page = "accueil";
}
if ($page != "accueil"){
if ($page != "ordinateur"){
if($page != "ecran"){
if($page != "peripherique"){
if($page != "routeur"){
$page = "accueil";
}}}}}


if (page == "accueil"){
include "data/accueil.txt";
}
if (page == "ordinateur"){
include "data/ordinateur.txt";
}
if (page == "ecran"){
include "data/ecran.txt";
}
if (page == "peripherique"){
include "data/peripherique.txt";
}
if (page == "routeur"){
include "data/routeur.txt";
}
?>


J'ai un peu sécurisé cette page en mettant quelques conditions :
Si la valeur de la variable est vide, c'est la page accueil qui s'affiche.
Si la valeur n'est pas une des cinq valeurs prévues, c'est la page accueil qui s'affiche.

Ensuite, j'ai mis cinq possibilités, si la variable est, par exemple ecran, le fichier ecran.txt s'affiche dans ta page index.php.

Bien entendu, il faut placer ce code à l'endroit où tu veux que le contenu s'affiche dans ton fichier index.php.

Il y a d'autres méthodes, notamment en utilisant une base de données, je t'ai donné une des plus simples à mettre en place.

Je suppose que tu comprends que cette méthode a un autre avantage, c'est la mise à jour des différentes rubriques. Il suffit de modifier le contenu des fichiers texte, pour mettre à jour ton site. Il est possible de le faire en ligne avec une fonction en PHP.

Courage, le bout du tunnel n'est pas loin, il suffit de se retourner.
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié par dugenou le 23/03/2016 à 16:05
Tu dois même pouvoir faire encore un peu plus simple :

<?php
empty($_GET['page']) ? $page = '' : $page = $_GET['page'];
if (empty($page)){
   $page = "accueil";
}
if ($page != "accueil"){
if ($page != "ordinateur"){
if($page != "ecran"){
if($page != "peripherique"){
if($page != "routeur"){
$page = "accueil";
}}}}}
else {
include "data/".$page.".txt";
}
?>


Cette solution devrait fonctionner, surtout que tu n'as que peu de pages, pour un plus grand nombre de pages, il faudrait lire le contenu du dossier data et ne permettre l'affichage que d'une valeur correspondant aux noms des fichiers présents dans ce dossier data.
0
hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016 > dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021
23 mars 2016 à 17:49
je vous remercie pour ta explication
le prb que je l'ai que ces boutons la ne sont pas des items d'un menu mais des bouton qui se trouve dans la page
je peux utiliser le meme code ??
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016
23 mars 2016 à 20:33
Je suppose que ces boutons sont également des liens, il faudrait que tu donnes le code pour voir si tu peux les adapter.
0
hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016
23 mars 2016 à 20:37
<div class="column">
<!-- <h3>Ordinateur</h3> -->
<a href="../parc info/equipement.php" target="_blank"><button type="button" class="btn btn-ordinateur"></button></a>

</div>
<div class="column">
<!-- <h3>Moniteur</h3> -->
<button type="button" class="btn btn-moniteur"></button>

</div>
<div class="column">
<!-- <h3>Peripherique</h3> -->
<button type="button" class="btn btn-peripherique"></button>

</div>
<div class="column">
<!-- <h3>Scanner</h3> -->
<button type="button" class="btn btn-routeur"></button>

</div>


voila le code des boutons
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016
23 mars 2016 à 20:51
Le bouton ordinateur est bien un lien, pour les autres, il doit manquer quelque chose.

De toutes manières, voici le principe, à répéter pour les autres boutons :

<div class="column">
<!-- <h3>Ordinateur</h3> -->
<a href="index.php?page=ordinateur" target="_blank"><button type="button" class="btn btn-ordinateur"></button></a>
</div>

<div class="column">
<!-- <h3>Moniteur</h3> -->
<a href="index.php?page=moniteur" target="_blank"><button type="button" class="btn btn-moniteur"></button>
</div>
0
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
23 mars 2016 à 23:04
Maintenant que tu as donné le code de tes boutons/liens, je comprends mieux ta première question : je veux que lorsque je clique sur un de ces bouton le contenu se change sans l'ouvrir dans une nouvelle page

En fait, il suffit de retirer target="_blank"

<div class="column">
<!-- <h3>Ordinateur</h3> -->
<a href="../parc info/equipement.php"><button type="button" class="btn btn-ordinateur"></button></a> 
</div>

0
hala_romeila Messages postés 16 Date d'inscription lundi 21 mars 2016 Statut Membre Dernière intervention 17 novembre 2016
24 mars 2016 à 10:21
oh je vous remercie vraiments ça marche bien mrc bqp bqp c'est un grand aide pour moi :)
0