Ajax et navigation

**bilou60** · 23/05/2007, 11h41

Bonjour à tous !

J'utilise un petit script (Ajax) pour afficher des pages html dans un calque.
Toutefois, je ne parviens pas à charger automatiquement l'une de ces pages dans ce même calque à l'ouverture (type onload).

Pouvez vous m'apporter votre aide ?

..........
ajax.js
..........

/*************************************************
object xhr
**************************************************/

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
function new_xhr(){
	var xhr_object = null;
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject){ // Internet Explorer
	   try {
                xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
            }
	}
	else { // XMLHttpRequest non supportÃ© par le navigateur
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	   xhr_object = false;
	}
	return xhr_object;
}
/*****************************************************
	Fonction qui va recharger le contenu
******************************************************/
function load_page(select) {
	var xhr2 = new_xhr();//On crée un nouvel objet XMLHttpRequest
	xhr2.onreadystatechange = function(){
		if ( xhr2.readyState == 4 ){//Actions executées une fois le chargement fini
			if(xhr2.status  != 200){//Message si il se produit une erreur
				document.getElementById("content").innerHTML ="Error code " + xhr2.status;
			} else {//On met le contenu du fichier externe dans la div "content"
				document.getElementById("content").innerHTML = xhr2.responseText;
			}
		} else {//Message affiché pendant le chargement
			document.getElementById("content").innerHTML = "Chargement en cours ...";
		}
	}
	xhr2.open("GET", select.split('?')[1]+".html", true);//Appel du fichier externe
	xhr2.send(null);
}

.....................
essainav.html
.....................

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<a href="?page1" onclick="load_page(this.href);return false;">Page1</a> ¦ <a href="?page2" onclick="load_page(this.href);return false;">Page2</a> 
<br><br>
<table border="1" height="200" width="200">
	<tr>
		<td valign="top">
		<div id="content">
		  <a href="?page1" onclick="load_page(this.href);return false;">Page1</a>
		</div>
		</td>
	</tr>
</table>
</body>
</html>

Voyez ...

http://dev.2jrconcept.info/nav_ajax/essainav.html

Merci

**cerede2000** · 23/05/2007, 12h32

Ben il faut mettre quelque chose pour que ca charge tout seul sinon ca ne se fait pas miraculeusement

Code :

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

1
2
3
4
 
window.onload = function() {
    load_page('?page1');
}

**bilou60** · 24/05/2007, 11h18

Et bien... j'ai encore du chemin à faire.

Merci à toi !

Ajax et navigation

JavaScript

Discussions similaires

Partager

Partager