[Résolu] Intégrer un include PHP

Intégrer un include PHP [Résolu] - PHP - Programmation

Marsh Posté le 22-09-2005 à 21:29:46    

Bonjour.
 
Voilà j'y connais rien en PHP mais un peu en Xhtml-Css.
 
Je voulais créer sur ma page d'accueil un cadre avec deux onglets qui permettait de faire changer ce cadre en deux pages, sans que la partie accueil (le reste de la page donc) ne change. Une partie News et une partie A propos. Pour le codage de ce scroll en Xhtml et css. Aucun probleme.
 
On m'as dis : "Utilise un include PHP, en iframe tu verras c'est tout simple". Bref je me procure un tuto et commence la chose. Résultat 5 heures passé dessus en relisant 10 fois le tuto qui me paraissait en effet abordable pour un résultat minable : http://www.meteobell.com/Test_01.php
 
Voici le code de ma page Test_01.php qui est censé être ma page d'accueil qui ne bouge pas :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  4.    <head>
  5.        <title>Bienvenue sur le site de MétéOBell ! Accueil</title> <!--Titre de la page-->
  6.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <!--language html en Francais-->
  7.        <link rel="stylesheet" media="screen" type="text/css" title="Design Accueil 001" href="styles/meteobell_accueil_002.css"/> <!--Lien fichiercss-->
  8.    </head>
  9. <body>
  10. <div id="onglets">
  11. <ul>
  12. <li class="onglet_01"><a href="Test_01.php?page=a_propos">A propos</a></li>
  13. <li class="onglet_02"><a href="Test_01.php?page=news">News</a></li>
  14. </ul>
  15. </div>
  16. <div id="introduction">
  17. <?php
  18. if (!isset($_GET['page'])) $page= 'news'; else $page= $_GET['page'];
  19. switch($page)
  20. {
  21. case 'a_propos': include ('a_propos.html');break;
  22. case 'news': include ('news.html"');break;
  23. }
  24. ?>
  25.    
  26. <div class="bloc_central_01">
  27.            Bonjour et bienvenue sur le site d'un passionné de Météo.         
  28. </div>
  29. </div>
  30. </body>
  31. </html>


 
Voici le code de ma page news.html toute simple donc sans les balises head, body et html
 

Code :
  1. <div class="news">
  2. <h3>Les News</h3>
  3. <ul>
  4. <li>Orage Improbable du 06 Juin 2005 <br /><span class="texte_normal01"> Ajouté le 15-09-05</span><br />
  5. <div class="texte_normal02"><br />Actuellement, seul le dossier "Orage Improbable du 06 juin 2005" est achevé. Il s'agit, au jour d'aujourd'hui, de mon dossier le plus complet et le plus extraordinaire qu'il m'est été amené de voir. Mais je vous laisse le découvrir.<br /><br />
  6. De plus, une charte qualité a été ajoutée à MétéOBell. En effet l'ensemble du site a été mis en conformité avec le W3c. Organsime gérant les normes du langage Xhtml et Css (Voir la rubrique "Technique" ).<br /><br />
  7. J'ai effectué de plus, quelques mises à jour graphique du site. L'ergonomie de MétéOBell a donc évolué. J'espère que cela vous plaira.<br /><br />
  8. </div></li>
  9. <li>Ouverture du Site :<br /><span class="texte_normal01"> Ajouté le 08-09-05</span><br />
  10. <div class="texte_normal02"><br /> Ca y est ! J'annonce l'ouverture officielle de MétéOBell.com, hébergé sur <a href="index.html" onclick="javascript:window.open('http://www.ovh.com')"title="Hébergement et Solutions Internet - Service Payant">OVH.com/fr</a>. lol <br />
  11. Tout n'est pas fini, que ce soit dans la création des rubriques ou du graphisme. Je ferais une mise à jour prochainement, pour corriger quelques bugs. De plus, les parties Présentation, Communautée et Album Photo, ne sont pas encore opérationelles.<br/><br />
  12. La partie située en-dessous sur cette page d'accueil, constitue la version 1 du site. Et oui, même pas lançé que déjà le site est en version 2 aujourd'hui, caractérisé par la présence des menus et de la rubrique news que vous lisez en ce moment.<br />
  13. Je garde tout de même cette première version, car je trouve qu'elle permet d'expliquer un peu ce qu'est MétéOBell ou plutôt ce qu'il deviendra au fur et à mesure.<br /><br />
  14. Les rubriques déjà ouvertes évolueront également, comme par exemple la partie technique ou le glossaire auquel s'ajoutera des schémas, et surtout la partie "Orages - Comprendre en Photo", coeur du site MétéOBell, auquelle sera régulièrement inscrit d'autres dossiers que j'ai en réserve.<br /><br />
  15. </div></li>
  16. <li>Construction du Site :<br /><span class="texte_normal01"> Ajouté le 17-07-05</span><br />
  17. <div class="texte_normal02"><br /> C'est la date où j'ai commencé à construire MétéOBell, grâce au <a href="index.html" onclick="javascript:window.open('http://www.siteduzero.com')" title="Site réservé aux débutants">Site du Zér0</a> qui m'a servi de tutorial.<br /><br />
  18. J'ai donc appris petit à petit à fabriquer ce site. Mais pas de panique ! Ca va évoluer. ;o)<br /><br />
  19. </div></li>
  20. </ul>
  21. </div>


 
Ca ne marche pas ni en local ni en mettant ça sur mon ftp. :fou:  
 
J'ai pas mis le fichier css, car le probleme, je pense n'est pas là.
 
Je crois que c'est loin d'être si simple quand on connait rien au php.  
Qu'est-ce qui va pas ?
 
Merci beaucoup si vous avez des pistes. Je précise que mon fichier html et php se trouvent dans le même dossier  
F:\Mon Site\   dans mon disque dure. et dans le même dossier www.meteobell.com/
 
On m'aurait menti ?
Merci.


Message édité par Damonya le 24-09-2005 à 09:55:10
Reply

Marsh Posté le 22-09-2005 à 21:29:46   

Reply

Marsh Posté le 22-09-2005 à 21:53:09    

Code :
  1. case 'news': include ('news.html"')


 
Y a un guillemet en trop :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 22-09-2005 à 22:00:13    

Ah oui non le guillement c'est à force de recopier et d'essayer des trucs différents, j'ai mal recopier.
 
Hélas, même sans le guillemet, ca ne marche pas :(
 
Mais merci quand même....

Reply

Marsh Posté le 22-09-2005 à 22:05:17    

T'as bien php qui tourne au moins hein ? On sait jamais ^^'


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 22-09-2005 à 22:10:23    

ah voilà une question que j'avais évoqué ailleurs et personne ne m'a répondu.....Sans doute que ça paraissait trop "simple" comme question. Non j'ai rien et dans le tuto que j'ai eut c'est pas précisé qu'il faut quelque-chose.  
 
Je suis un newbee du php. Je savais bien qu'il fallait quelque-chose ? Il faut quoi en plus pour que ça marche ?  (se sent tout con tout d'un coup et part se cacher mort de honte).......

Reply

Marsh Posté le 22-09-2005 à 22:15:45    

Tu es sous quel OS ?  
 
Sous windows, des choses du genre d'easyPHP t'installent un serveur web complet avec serveur de bases de données et PHP (qui est un interpréteur, si tu ne l'as pas tes parties entourées de <?php et ?> ne fonctionnent pas).
 
Sous linux, sois tu installes ça par les paquets de ta distrib (rpm,deb,tar.gz, whatever).
 
Autrement chez ton hébergeur ca devrait fonctionner s'il a php. Lequel est-ce ?


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 22-09-2005 à 22:17:48    

le liens http://www.meteobell.com/news.html ne fonctionne pas  
est ce que c volontaire ou pas ?  
estr ce que test.php, news.html et a_propos.html sont dans le meme repertoire ?  
 

Reply

Marsh Posté le 22-09-2005 à 22:18:47    

Je suis chez ovh et je tourne avec Windows Xp.  
 
Merci plainsofpain en tout cas de t'occuper de mon cas. c'est vraiment gentil, car je commencais à tourner en bourrique et à ma'arracher les cheveux.....Si si j'vous jure......J'ai même lut d'autres tutos pour être sûr fait des recherches sur google, bref j'ai vraiment remuer ciel et terre....et tu es le 1er à t'intéresser vraiment à mon cas. J'aurais dût venir ici plus tôt....
 
Merci merci.....

Reply

Marsh Posté le 22-09-2005 à 22:19:54    

je me disais que , je connaissais cette plage d'ip :D
 
si c'est un serveur mutualisé, alors tout est installé
de plus en allant sur ton lien, on voit que php fonctionne bien : il affiche des messages d'erreur
 
EDIT > tu as verifié les droits de tes fichier .html ?


Message édité par flo850 le 22-09-2005 à 22:20:11
Reply

Marsh Posté le 22-09-2005 à 22:24:20    

Ah euh oui à force de faire des essais, je me suis un peu emmeler les pinceaux. C news.txt qui était dans le ftp. Voilà c réparé. news.html devrait marcher maintenant. Quand à a_propos.html j'ai rien fait car je me suis dis que c'etait inutile d'aller plus loin si même avec news ca marchait pas.

Reply

Marsh Posté le 22-09-2005 à 22:24:20   

Reply

Marsh Posté le 22-09-2005 à 22:26:17    

dans ton source php , tu inclus toujorus news.txt
or , tu as mis news.html sur le serveur

Reply

Marsh Posté le 22-09-2005 à 22:28:46    

arghh euh oui. bon attendez je vire tout du ftp et remet tout, car ds mon disque dure les fichiers sont bons.....mais je commence à comprendre.  
 
En local j'avais besoin d'un logiciel genre easy php, alors que sur mon ftp où je me suis emmelé les pinceaux ovh me permettait directement de marcher et comme j'ai principalement tester en local ca pouvait pas marcher. C'est ça ?
 
Bon je fais ça


Message édité par Damonya le 22-09-2005 à 22:30:34
Reply

Marsh Posté le 22-09-2005 à 22:30:27    

Ton include sur le site, il pointe actuellement vers news.txt, qui n'existe pas.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 22-09-2005 à 22:32:30    

putain ca marche (oups pardon pour le gros mot) Bon et pourquoi j'ai plus de css maintennant alors qu'en local je l'ai

Reply

Marsh Posté le 22-09-2005 à 22:34:18    

parce que tu as pas mis ton css sur ton serveur  
tu as mis celui la : styles/meteobell_accueil_001.css et tu inclue styles/meteobell_accueil_002.css

Message cité 1 fois
Message édité par flo850 le 22-09-2005 à 22:34:33
Reply

Marsh Posté le 22-09-2005 à 22:35:44    

ca y est ca marche
par contre, si je peux me permettre , en 1600*1200, avec firefox, c'est pas génial
 
EDIT : c'est mieux maintenant que tu as fini l'upload :d


Message édité par flo850 le 22-09-2005 à 22:37:26
Reply

Marsh Posté le 22-09-2005 à 22:37:40    

flo850 a écrit :

parce que tu as pas mis ton css sur ton serveur  
tu as mis celui la : styles/meteobell_accueil_001.css et tu inclue styles/meteobell_accueil_002.css


 
 
Oh lolo que je suis con mais que je suis con. erreur de plus que débutant. evidemment je testais qu'en local moi
 
 
Bon et bien je dois vous remercier grandement et courir me cacher le plus loin possible
 
C'est normale hein sinon si c tout moche car c juste une page de test.....Bon et bien vous êtes mes sauveurs. je cous vite télécharger ce logiciel et me dis que je me suis bien pris la tête alors que c'etait pas du tout dans le code le probleme
 
 :jap:  :jap:  :jap:  :love:  :jap:  :jap:  :jap:  

Reply

Marsh Posté le 22-09-2005 à 22:43:33    

Euh si les modos veulent bien effacer ce topic je suis pas contre, car j'ai vraiment trop honte là.lol
 
Merci encore en tout cas à vous deux.....J'ai appris deux choses.  
 
- que j'ai besoin d'un logiciel pour tester en local
- et que ovh me permet déjà de gérer le php sans probleme.
 
Maintenant que j'ai compris le principe, j'ai plus qu'à m'y mettre.....et plus sur une simple page de test.....

Reply

Marsh Posté le 22-09-2005 à 22:44:37    

il ne faut pas avoir honte ;)
j'ai fait bien pire au debut  
 
et maintenant, je suis webmaster ( pov' client :D )

Reply

Marsh Posté le 23-09-2005 à 01:43:37    

flo850 a écrit :

il ne faut pas avoir honte ;)
j'ai fait bien pire au debut  
 
et maintenant, je suis webmaster ( pov' client :D )


 
lol, ca va j'ai de l'espoir alors  :D  
 
Bon en tout cas, ca marche nikel maintenant.
 
C'est pour mettre mes onglets au-dessus du cadre que j'en chie maintenant, mais là, c'est plus du PHP.....Donc hop je dégage  :non:  
 
P'têtre à dans quelques mois quand je commencerais véritablement à me mettre au PHP. J'ai trouvé un bon tuto pour commencer à partir de rien (site du zéro pour pas le citer :ange:)
 
Bye bye  :hello:  

Reply

Marsh Posté le 23-09-2005 à 08:20:12    

Non non, ce topic restera la, afin que d'autres avec le meme problème qui feront une recherche puissent trouver ce topic :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 23-09-2005 à 16:35:18    


Bonjour. Me revoilà. A la suite de ceci, j'ai trouvé un autre tutorial cette fois-ci concernant les onglets.
Ce tuto : http://pompage.net/pompe/portescoulissantes/
 
Bref j'ai réussi à créer mes onglets comme vous pouvez le voir ici : http://www.meteobell.com/Test_01.php
 
Maintenant ce que je voudrais c'est que mon onglet s'active en fonction de la page qui est ouverte en Php, hélas ceci n'est pas précisé dans le tuto et malgré avoir essayé différentes façon, je vois pas bien comment y arriver.  
 
Auriez-vous des pistes ?  Merci....
 
PS : Les erreurs php sur les autres onglets que news sont normales je ne travaille pour l'instant qu'avec l'onglet news...


Message édité par Damonya le 23-09-2005 à 16:35:33
Reply

Marsh Posté le 23-09-2005 à 18:28:31    

lol c'est bon en fait je viens de trouver tout seul.  c'etait tout con en fait. Je suis trop content car j'ai trouvé tout seul  :)  
 
Tiens pour les autres débutants, je vous montre. En fait suffisait de refaire la même chose, mais cette fois pour les onglets.
 
ma page Test_01.php :
 
 
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  4.    <head>
  5.        <title>Bienvenue sur le site de MétéOBell ! Accueil</title> <!--Titre de la page-->
  6.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <!--language html en Francais-->
  7.        <link rel="stylesheet" media="screen" type="text/css" title="Design Accueil 001" href="meteobell_accueil_002.css"/> <!--Lien fichiercss-->
  8.    </head>
  9. <body>
  10. <div id="onglets">
  11. <?php
  12. if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page'];
  13. switch($page)
  14. {
  15. case 'accueil': include ('ongl_accueil.html');break;
  16. case 'a_propos': include ('ongl_a_propos.html');break;
  17. case 'news': include ('ongl_news.html');break;
  18. }
  19. ?>
  20. </div>
  21. <div id="introduction">
  22. <?php
  23. if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page'];
  24. switch($page)
  25. {
  26. case 'accueil': include ('accueil.html');break;
  27. case 'a_propos': include ('a_propos.html');break;
  28. case 'news': include ('news.html');break;
  29. }
  30. ?>
  31.    
  32. </div>
  33. </body>
  34. </html>


 
Ma partie news.html Vous faites pareil pour a_propos.html et accueil.html
 

Code :
  1. <div class="bloc_central_01">
  2.            Bonjour et bienvenue sur le site d'un passionné de Météo.         
  3. </div>
  4. <div class="news">
  5.        <h3>Les News</h3>
  6.        <ul> 
  7.  
  8.  
  9.  
  10.             <li>Orage Improbable du 06 Juin 2005 <br /><span class="texte_normal01"> Ajouté le 15-09-05</span><br />
  11.     <div class="texte_normal02"><br />Blab bla bla<br /><br />
  12.        Blab bla bla<br /><br />
  13.   Bla bla bla<br /><br />
  14.   </div></li>
  15.   
  16.      <li>Ouverture du Site :<br /><span class="texte_normal01"> Ajouté le 08-09-05</span><br />
  17.     <div class="texte_normal02"><br />Bla bla bla<br />
  18.     Bla bla bla<br/><br />
  19.     Bla bla bla<br />
  20.     Bla bla bla<br /><br />
  21.   Bla bla bla.<br /><br />
  22.     </div></li>
  23.   
  24.     <li>Construction du Site :<br /><span class="texte_normal01"> Ajouté le  17-07-05</span><br />
  25.     <div class="texte_normal02"><br /> Bla bla bla<br /><br />
  26.     Bla bla bla<br /><br />
  27.     </div></li>
  28.  
  29.    </ul>
  30. </div>


 
le fichier ongl_accueil.html

Code :
  1. <ul>
  2. <li id="onglet_actif"><a href="Test_01.php?page=accueil">Accueil</a></li>
  3. <li><a href="Test_01.php?page=a_propos">A Propos</a></li>
  4. <li><a href="Test_01.php?page=news">News</a></li>
  5. </ul>


 
et pareil pour ongl_news et ongl_a_propos en décalant l'id onglet_actif tout simplement
 
Simple comme bonjour  
 
J'commence à m'améliorer sacrément je trouve.
- Ca va les chevilles ?
- lol bon oui d'accord je me congratule tout seul.  :whistle:


Message édité par Damonya le 23-09-2005 à 18:29:02
Reply

Marsh Posté le 23-09-2005 à 19:31:09    

c'est bien de trouver par soi meme  
je trouve ca plus gratifiant

Reply

Marsh Posté le 23-09-2005 à 19:58:47    

Logique. Y a surement mieux (j'ai jamais cherché à démarquer la page active, vu que je met toujours très clairement en titre de mes pages ou le visiteur se trouve), mais c'est pas mal ton système.  
 
Et continues à bien suivre les standards, à faire les choses calmement et proprement. C'est rare de voir des débutants qui ne cèdent pas à la facilité de dreamweaver, et de les voir revenir avec un code qu'ils ne comprennent pas :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 24-09-2005 à 10:39:44    

Merci à vous ;)  
 
On m'a donné ce code à la place, pour éviter d'avoir une page par bouton.
 

Code :
  1. <?php
  2. if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page']; //on récupere l'onglet actif
  3. $onglets = array('accueil', 'a_propos', 'news '); //on mets tout les onglets dans un tablo
  4. $i=0;
  5. while ($i < 2) {
  6. if ($onglets[$i] == $page) echo '<li id="onglet_actif">'; else echo '<li>'; // si l'onglet numéro 1 correspond a l'onglet actif on met l'id sinon on met juste <li>
  7. echo '<a href="Test_01.php?page=$onglets[$i]">$onglets[$i]</a></li>';//on affiche le reste des onglets
  8. }
  9. ?>


 
Mais j'ai l'impression que la personne qui me l'a donné à fait quelques erreurs de codage. Il l'a fait de tête.  
Seriez-vous capable de le corriger ? Car moi j'en suis bien incapable....

Reply

Marsh Posté le 24-09-2005 à 10:49:48    

Déjà y'a une boucle infinie là, ça te saute pas aux yeux ?
 
Et $onglets[$i] va apparaître tel quel dans le lien. :spamafote:


---------------
StarCraft Professional Gaming Database | [Ze Topic] Starcraft/BroodWar
Reply

Marsh Posté le 24-09-2005 à 11:23:00    

sielfried a écrit :

Déjà y'a une boucle infinie là, ça te saute pas aux yeux ?
 
Et $onglets[$i] va apparaître tel quel dans le lien. :spamafote:


 
Ca risque pas de me sauter aux yeux, j'y connais rien.  
 
Vous préconisez quoi docteur ?
 

Citation :

et de les voir revenir avec un code qu'ils ne comprennent pas


 
lol c'est ce que je viens de faire à l'instant.... :whistle:


Message édité par Damonya le 24-09-2005 à 11:27:54
Reply

Marsh Posté le 24-09-2005 à 15:02:04    

J'pense que ca risque de marcher mieux là.
 

Code :
  1. <?php
  2. if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page']; //on récupere l'onglet actif
  3. $onglets = array('accueil', 'a_propos', 'news '); //on mets tout les onglets dans un tablo
  4. $i=0;
  5. while ($i < 2) {
  6. if ($onglets[$i] == $page) echo '<li id="onglet_actif">'; else echo '<li>'; // si l'onglet numéro 1 correspond a l'onglet actif on met l'id sinon on met juste <li>
  7. echo '<a href="Test_01.php?page=' . $onglets[$i] . '">' .$onglets[$i]. '</a></li>';
  8. //on affiche le reste des onglets
  9. $i= $i +1;
  10. }
  11. ?>


 
Vous confirmez ? Pas testé encore.....Je précise. la correction est pas de moi :non:


Message édité par Damonya le 24-09-2005 à 15:02:34
Reply

Marsh Posté le 24-09-2005 à 23:31:09    

ok j'ai testé. Ca marche si on met un 3 à la place du 2 (car j'ai 3 onglets) et les balises ul entre le code bien entendu.  
 
(parfois l'impression de parler dans le vide moi..... :whistle: )
 
Voilà cette fois-ci c'est résolu et pour de bon. Un jolie code bien implémenté par Benjii. Merci pour lui :jap:  
 
P't être que ca servira à d'autres.[:bap2703]
 

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed