navigation en ajax dans les page php

**speedylol** · 19/10/2006, 09h15

bonjour j'aimerais savoir, si il y a une personne pour m'aider a transformer ce petit script qui n'est pas de moi , mes que je trouve génial pour la navigation dans les dossier. j'aimerais le tranformer pour qu'il fonction dans les balise <div id=centre> les pages ici </centre>. voici le code.

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Sommaire en PHP !</title>
  <style type="text/css">
  #sommaire
  {
  position:absolute;
  background-color:cyan;
  left:10px;
  width:100px;
  }
 
  #page
  {
  position:absolute;
  background-color:#AAAAAA;
  left : 200px;
  width:500px;
  height:500px;
  }
  </style>
 
<script type='text/JavaScript'>
var xhr = null; 
function getXhr()
{
     if(window.XMLHttpRequest)xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject)
  { 
  try{
     xhr = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) 
     {
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
     }
  }
else 
  {
  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
  xhr = false; 
  } 
}
 
function ShowPage(page)
{
getXhr()
xhr.onreadystatechange = function()
    {
     if(xhr.readyState == 4 && xhr.status == 200)
     {
     document.getElementById('page').innerHTML=xhr.responseText;
     }
    }
xhr.open("GET","ajax.php?page="+page,true);
xhr.send(null);
}
 
</script>
 
</head>
 
<body onLoad="ShowPage(1)">
 
    <div id="sommaire">
        <h3>Sommaire</h3>
        <a href="#" href="#" onClick="ShowPage(1)">Page 1</a><br/>
        <a href="#" href="#" onClick="ShowPage(2)">Page 2</a><br/>
        <a href="#" href="#" onClick="ShowPage(3)">Page 3</a><br/>
        <a href="#" href="#" onClick="ShowPage(4)">Page 4</a><br/>
    </div>
 
    <div id="page">
    </div>
 
  </body>
</html>

code de navigation

Code :

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

1
2
3
4
5
6
7
<?php
$page=$_GET['page'];
     if($page==1)require 'page1.html';
else if($page==2)require 'page2.html';
else if($page==3)require 'page3.html';
else require 'page4.html';
?>

un grand merci

**trotters213** · 19/10/2006, 10h16

je ne comprends pas vraiment ce que tu souhaite faire ?
c'est ça ?

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<body onLoad="ShowPage(1)">
<div id="centre">
  <div id="sommaire">
    <h3>Sommaire</h3>
    <a href="#" href="#" onClick="ShowPage(1)">Page 1</a><br/>
    <a href="#" href="#" onClick="ShowPage(2)">Page 2</a><br/>
    <a href="#" href="#" onClick="ShowPage(3)">Page 3</a><br/>
    <a href="#" href="#" onClick="ShowPage(4)">Page 4</a><br/>
  </div>
  <div id="page">
  </div>
</div>
</body>

**Bisûnûrs** · 19/10/2006, 10h20

Je n'ai pas compris non plus.

Et je ne vois pas de balise <div id=centre>.

Si tu veux la rajouter toi-même : où ?

**speedylol** · 19/10/2006, 11h32

bonjour une navigation entre mon menu en ajax et css quand je clik sur un liens que cela cache mon dossier et et mette seulement page.html au lieux de www.monsite.com/dossierX/dossiery/ma page

**Bisûnûrs** · 19/10/2006, 11h41

Bon, jusque là j'ai compris.

Mais quel rapport avec la balise <div id="center"> ?

Essaie d'être plus clair, merci.

**trotters213** · 19/10/2006, 11h47

ok donc tu veux que dans ta barre de navigation apparaisse seulement page.html et non pas toute l'adresse c'est ça? et tu veux faire ça en AJAX (Javascript donc) ? Si c'est le cas tu t'es trompé de forum, va dans le forum Javascript

**speedylol** · 19/10/2006, 15h58

faire une navigation quand tu click sur un liens de page que celle-ci se centre au millieu du design css

navigation en ajax dans les page php

HTML

Discussions similaires

Partager

Partager