Site en Ajax

[swat]

Bonjour,

Un site simple, bannière en haut, menu à gauche, une autre bannière à droite ... et du texte au mileu

Comment faire pour qu'on cliquant sur un lien du menu, le texte de la zone du milieu change sans que la page ne se recharge.

Merci

[MarvinLeRouge]

Salut,

Si ton site est en php, je te conseille un coup d'oeil à sAjax, une librairie assez facile d'accès. Pour ce qui est de récupérer les données, ça dépend évidemment de ton cas (ce que tu veux récupérer, les traitement à effectuer pré/post récupération des données ...).

[nacedo]

pour se que tu veux faire il existe une librairie JS très pratique, il sagit de prototype.js. elle te permetra d'éffectuer des requette asynchrone en toute simplicité.

Couplé avec du php c'est génial.

Voici un 'tit exemple

Code HTML
<form id='formsearh' method="post" enctype="multipart/form-data">
	<input id="search1" type="text" ></input>
	<input id="search2" type="submit" value="chercher" onclick='search(); return false;'></input>
</form>

Code JS
function search() {
	var myAjax = new Ajax.Request('./PAGE/search.php5',{
		method: 'post',
		asynchronous: true,
		contentType: 'application/x-www-form-urlencoded',
		encoding: 'ISO-8859-1',
		parameters: 'mot='+$('search1').value,
		onSuccess: gestionReponse,
		onFailure: function(){}
	}); 
}
function gestionReponse(xhr){
	if (xhr.status == 200) {
		$('contenu').innerHTML = xhr.responseText;
		lien();
	}
}

code PHP
<?php
header("Content-Type: text/html; charset=ISO-8859-1");
	echo('vous recherchez "'.$_POST['mot'].'");
?>

Cela me semble assez simple, mais si tu veux plus d'info fait moi signe.