[Javascript] Rafraichir un div...

Version imprimable

28/02/2006, 15h28
Empty_body

[Javascript] Rafraichir un div...

Bonjour,
J'aimerais savoir comment on fait pour rafraichir un div... Ma page est splitée en 2... Au dessus, premier div, un formulaire dont les champs sont les critères de recherche et en dessous, second div ou j'aimerais que, après submit, les résultats de la requète, paramètrée par le formulaire, apparaissent.
Des idées???
28/02/2006, 15h36
XtofRoland

http://www.procter.se/highres/jpg300new/ajax/050118_AjaxColorLily300dpi.jpg

si tu soumet ton formulaire, tu recrée ta page comme tu l'entends

utilisez un iframe...

je comprend pas tres bien ou le bas blesse.

tu cree ta requete d'apres les données du formulaire:
select * from table where champs = $_POST['brol']
28/02/2006, 15h37
Yobs
tu récupère les données de ton formulaire avec la variable $_POST['nomduchamp'] et ensuite
Code:

1 2 3 4 5 6 7 8 9 10 11 echo '<div id="tonid">'."\n"; . . . tu affiche les résultats . . . echo '</div>'."\n";

Moi pour cacher ou affciher un DIV .. je fais comme ca :

Dans le BODY de la ma page je fais ca :

Code:

1
2
3
4
5
6
 
$VarOnload = "Afficher_Result();";
// ou Suivant le cas
$VarOnload = "Cacher_Result();";
// Puis ..
<body bgcolor="#FFFFFF" text="#000000" marginheight="2" marginwidth="2" topmargin="2" leftmargin="2" onLoad="$VarOnload" >

Et j'ai dans ma page HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type="text/javascript">
function Afficher_Result() {
	document.getElementById('DIV_RESULT').style.display='';
}
function Cacher_Result() {
	document.getElementById('DIV_RESULT').style.display='none';
}
</script>
 
...
..
.
<div id="DIV_RESULT">
..
.
</div>

Si il y a mieux .. je suis preneur :D

28/02/2006, 15h48
Empty_body

Merci Yobs...

Le problème qu'il y a à recharger complètement ma page est que la moitié du haut ne doit pas changer... Un refresh de cette partie ne sert qu'à pomper des ressources pour rien... De plus, il faut que les champs remplis dans formulaire ne soient pas modifiés...
28/02/2006, 15h57
Yobs

Utilise alors la balise iframe
28/02/2006, 16h06
Empty_body

Mon chef apprécie pas trop les frames... Il préfère Ajax mais là, je sèche... Je connais pas du tout le fonctionnement...
28/02/2006, 16h08
macbook

Il y a un très bon tuto ici -> http://siddh.developpez.com/articles/ajax/

Pis Ajax c'est plus facile qu'on ne le croit... :wink:
28/02/2006, 16h13
Empty_body

Merci...