[html]Probleme facile => affichage de pages sans tout rafraichir

Probleme facile => affichage de pages sans tout rafraichir [html] - HTML/CSS - Programmation

Marsh Posté le 13-08-2004 à 17:28:32    

Bonjour ;)
 
Voila, j'ai fait un site (la facade en fait) et la je vais construire le reste du site.. donc tout les liens et les pages s'y rapportent..
 
http://bixibo.free.fr pour vous donner une idée .
 
 
Mais vu que je vais garder a chaque fois la meme "architecture du site" (c'est a dire les colonne de liens, banieres, cadres etc) et donc a chaque fois les seuls modif affecteront seulement le cadre central du site, j'aimerais pouvoir qu'a chak clik sur un lien, seul le cadre central se rafraichisse..
 
Donc bref, est il possible que quand on ouvre un lien de mon site, seul le cadre central s'actualise avec la nouveau contenu et en gardant le reste du site telle quel (donc sans chargement et donc gros gain de temps)
 
J'espere etre clair.. j'ai cherché sur le net, on parle de frame mais ca a pas l'air le mieu..
 
Si vous comprenez pas mon probleme, hesitez pas a me poser des questions


Message édité par bixibu le 13-08-2004 à 17:30:20
Reply

Marsh Posté le 13-08-2004 à 17:28:32   

Reply

Marsh Posté le 13-08-2004 à 17:33:17    

les frames [:spamafote]


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 13-08-2004 à 18:33:34    

Salut ;)
 
Oui je crois que je vais devoir utiliser des frames, mais est ce vraiment dur a integrer a mon idex.html?
 
Ca doit etre assez chiant je suppose ;(
 
 
Autrement, sur ce site: www.ffdream.com je ne vois rien concernant des frames dans le code html de l'index e pourtant leur navigation dans leur site est celle ke je recherche.. (avec seulement le cadre central qui s'actualise)
 
merci de votre aide

Reply

Marsh Posté le 13-08-2004 à 19:45:42    

bixibu a écrit :

Salut ;)
 
Oui je crois que je vais devoir utiliser des frames, mais est ce vraiment dur a integrer a mon idex.html?
 
Ca doit etre assez chiant je suppose ;(
 
 
Autrement, sur ce site: www.ffdream.com je ne vois rien concernant des frames dans le code html de l'index e pourtant leur navigation dans leur site est celle ke je recherche.. (avec seulement le cadre central qui s'actualise)
 
merci de votre aide


 
C'est quoi ce truc  :heink:  
 
Y a plein de pages les unes à la suite des autres  :ouch:

Reply

Marsh Posté le 13-08-2004 à 21:50:32    

tu parles de koi?

Reply

Marsh Posté le 13-08-2004 à 22:06:14    

bixibu :
 
tout leur site s'actualise.. c'est juste que les menu sont les meme sur chaque page...

Reply

Marsh Posté le 13-08-2004 à 22:36:05    

bixibu a écrit :

tu parles de koi?


 
de la page d'accueil il ya plusieurs head body css table qui se répete les uns a la suite des autres  :heink:

Reply

Marsh Posté le 14-08-2004 à 01:06:46    

oui mais c'est des Tbody , c'est normal ca ;)
 

Reply

Marsh Posté le 14-08-2004 à 08:19:00    

bixibu a écrit :

oui mais c'est des Tbody , c'est normal ca ;)


 
tu rigole  :o regarde le code c'est bien des body et non pas tbody et de plus ds head et des html partout  :sarcastic:
 
tu ne trouve rien d'anormal dans ce code (j'ai enlevé les tables et le contenu, car trop long)
 

Code :
  1. <html>
  2. <head>
  4. <meta http-equiv="Page-Enter" content="blendTrans(Duration=1)">
  5. <META NAME="Author" LANG="fr" CONTENT="Dark Shadow">
  6. <META NAME="Description" CONTENT="Musiques Ost/midi, wallpapers, screenshots, vidéos, emulation, gifs, fanarts, astuces, solutions tous les secrets du jeux dévoiler !">
  7. <META NAME="Keywords" LANG="fr" CONTENT="ffdream, final, fantasy, ff, ff1, ff2, ff3, ff4, ff5, ff6, ff7, ff8, ff9, ff10, ff10-2, ff11, ff12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, i, ii, iii, iv, v, vi, vii, viii, ix, x, x-2, xi, xii, tactics, legend, adventure, mystic, quest, film, the, spirits, within, creatures, esprit, square, squaresoft, actualite, news, nouvelles, solution, soluce, guides, astuces, tips, cheats, codes, action, replay, game, shark, quetes, armes, chocobos, objets, discussion, forum, downloads, fond, ecran, bureau, wallpapers, skins, winamp, musique, midi, mp3, nobuo, uematsu, en, francais, francaises, fr, triple, triad, runic, police, font, icones, ecrand, veille, sreensavers, image, images, videos, lecteur, fans, fanarts, fanfics, annuaire, portail, liens, histoire, historique, japon, paroles, lyrics, goodies, pc, playstation, psx, ps2, sony, nintendo, super, famicom, jeux, video, games, hentai, roms, emulation, emulateurs, arriere, ost , vidéo, original, sound, tracks, tidus, squall, djidane, paine">
  8. <META NAME="Identifier-URL" CONTENT="http://www.ffdream.com">
  9. <META NAME="Reply-to" CONTENT="Visitez la page des contacts du site">
  10. <META NAME="Revisit-after" CONTENT="1">
  11. <META NAME="Publisher" CONTENT="">
  12. <META NAME="Copyright" CONTENT="FFDream">
  13. <META NAME="Generator" CONTENT="">
  14. <TITLE>.: FFDream.com :. Where will the dream take you to ?</TITLE>
  16. </head>
  17. <center>
  18. <body bgcolor="#CCCCCC" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" leftmargin="0" topmargin="0">
  20. <body background="/photos/04.gif">


 

Code :
  1. <link href="http://www.ffdream.com/css/stylecss.css" rel="stylesheet" type="text/css">


 

Code :
  1. <link href="/css/stylecss.css" rel="stylesheet" type="text/css">


<body leftmargin="0" topmargin="0"><table width="154" height="582" border="0" cellpadding="0" cellspacing="0">  
 
 
 

Code :
  1. <link href="/css/stylecss.css" rel="stylesheet" type="text/css">


     
<body leftmargin="0" topmargin="0" onunload="topjv()">
 

Code :
  1. <html>
  3. <head>
  5. <title>Document sans titre</title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  9. <link href="/css/stylecss.css" rel="stylesheet" type="text/css">
  11. </head>
  14. </body>
  16. </html>


 

Code :
  1. <link href="/css/stylecss.css" rel="stylesheet" type="text/css">
  4. <body leftmargin="0" topmargin="0">


 
 
 
<table width="25" border="0" align="center" cellpadding="0" cellspacing="0">
 
 
</table>
 
</body>
 

Code :
  1. </html>


 
ET tout ça dans la même page (accueil)


Message édité par Flyman30 le 14-08-2004 à 08:32:22
Reply

Marsh Posté le 14-08-2004 à 11:07:50    

En fait sur le site www.ffdream.com ils n'utilisent pas de frames mais bel et bien du php, sauf que ben tu peux pas voir la source car le php s'execute du cote serveur masi bon ca tu dois déja le savoir.
Ensuite ba pour ton problème t'aurai du avancer avancé a peine plus dans tes cours de php, pour décourvrir la formidable fonction include(), qui te permet d'inclure d'autre page php dans ta page php de départ. Exemple de code source php d'une page utilisant l'include:
Page index.php

Code :
  1. <body>
  5. <table width="99%" border="0" height="100%" align="center" cellspacing="0"">
  6.  <tr>
  7.   <td width="6%" valign="top" rowspan="3">
  8.   </td>
  9.   <td width="15%" valign="top" rowspan="3">
  10.    <? include('menugauche.php');?>
  11.   </td>
  12.   <td height="1"  width="73%" valign="middle">
  13.   </td>
  14.   <td width="6%" valign="top" rowspan="3">
  15.   </td>
  16.  </tr>
  17.  <tr>
  18.   <td height="400" valign="top" width="70%" >
  19.    <?
  20.     if (isset($HTTP_GET_VARS)){
  21.      while(list($name, $value) = each($HTTP_GET_VARS)){
  22.       $$name = $value;
  23.      }
  24.     }
  25.     if (!isset($cat)){
  26.      $page="accueil";
  27.      $cat="";
  28.     }
  29.     include "pages/$cat$page.php";
  30.    ?>
  31.   </td>
  32.  </tr>
  33. </table>
  34. </body>
  35. </html>


Page menugauche.php

Code :
  1. <div class="bouton1">Menu1</div>
  3. <div class="bouton2">
  4. <?
  5. print "<a href=\"index.php?cat=qqch0/&page=qqch1\"><font color=#FFFFFF><b>Spike<br>Jonze</b></font></a>";
  6. ?>
  7. </div>
  9. <div class="bouton2">
  10. <?
  11. print "<a href=\"index.php?cat=qqch2/&page=qqch3\"><font color=#FFFFFF><b>Andrew<br>Niccol</b></font></a>";
  12. ?>
  13. </div>
  16. <div class="bouton1">Menu2</div>
  18. <div class="bouton2">
  19. <?
  20. print "<a href=\"index.php?cat=autres/&page=classement\"><font color=#FFFFFF><b>Classement</b></font></a>";
  21. ?>
  22. </div>


Apres tu classes tes pages dans tes catégories.
Renseigne toi un peu sur la fonction include mais aussi en même temps sur la faille include (Pas que tu fasses du code que tu sois obligé de recommencer [:alana21])

Reply

Marsh Posté le 14-08-2004 à 11:07:50   

Reply

Marsh Posté le 14-08-2004 à 17:47:30    

Ok merci ca a pas l'air mal du tout ca! ;)
Par contre, je n'y connais rien en php du tout.. :( (un pote a juste ajouté une ligne php pour inserer un prog de "news"
 
Je vais quand meme me renseigner ;)
 
Sinon ce code tu ma donné rempli bien la fonction d'actualisation mais seulement d'actualisation d'une partie du site? (boite central) en gardant le reste chargé comme au premier (et unique logiquement si ca amrche) chargement?.
 
merci

Reply

Marsh Posté le 14-08-2004 à 21:24:46    

C le moment d'apprendre le php, il m'a fallut un week end pour apprendre les bases. Sinon oui ca charge bien uniquement la partie centrale.

Reply

Marsh Posté le 14-08-2004 à 22:07:12    

OK bon je vais m'y mettre ;)
Tu as appris sur un site particulier? (j'en connais plusieurs mais pas vraiment clair)
 
merci

Reply

Marsh Posté le 14-08-2004 à 22:48:44    

Heu na pas, j'ai fouiller sur plusieur mais j'ai finalement acheter un magazine qui trainait en promo dans une grande surface lol: Compétence Micro Php pour débutant bon y a pas grand chose dedans (y a pas la reponse a ta question par exemple) mais t'as les bases sur un support papier. Apres avec tu peux aller sur les sites web et compléter tes connaissances. Si tu veux vraiment un bouquin complet achete en un des éditions O'Reilly, généralement ils sont bien fait, lit quand même la préface pour savoir si le bouquin correspond a ton niveau.

Reply

Sujets relatifs:

Leave a Replay

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