[AJAX] Actualiser certaines donnée d'un div

Bonjour

j'ai beau avoir chercher je n'est pas trouver solution a mon problème qui est le suivant.

j'ai une div dedans j'ai un titre en h3 avec deux donner php en dessous et un lien onClick

quand on clic sur le lien il augmente une donnée stoker dans ma BDD celons un chiffre aléatoire dépendant du niveau de la créature. De plus le lien n'est la que si le dragon n'a pas augmenter d'un niveau durant la journée.

le code de début marche nickel le problème est pour rafraichir ma div... soit laisser tout a la même place mais enlever le lien si la créature a augmenter d'un niveau augmenter l’expérience max si il a monter d'un niveau et mettre a jour les point d’expérience...

voici les codes

ma div avec les condition pour l'afficher

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
$drago= mysql_query("SELECT * FROM dragoniss WHERE ID='".$_GET['ID']."'")OR DIE(mysql_error());
$dragos= mysql_fetch_array($drago);
 
if($dragos['Age_Dragoniss'] >= 24 && $dragos['Niveau'] < 300)
{
?>
<div id="entrainement">
<h3>Entrainement</h3>
<?php
echo"".($dragos['Entrainement'])."/".($dragos['Entrainement_max'])."<br />";
if($dragos['Pts_Ent'] >= 1)
{
 
include("entrainer.php");
 }
 
?>
</div> <!-- fin du bloc entrainement --> 
<?php
 }

Mon code avec l’exécution de ajax(entrainer.php)

Code:

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
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<script type="text/javascript" src="oXHR.js"></script>
<script type="text/javascript">
<!-- 
function entrainer(callback) {
	var xhr = getXMLHttpRequest();
 
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			callback(xhr.responseText);
		}
	};
 
	var drago = <?php echo $dragos['ID'] ?>;
	xhr.open("GET", "teste/entrainement.php?ID=" + drago , true);
	xhr.send(null);
}
function entrainement(sData) {
 
 
		document.getElementById('entrainement').innerHTML = sData;
                }
 
 
 
	//-->
</script>
 
<form>
 
	<a href="#" onClick="entrainer(entrainement) ; return false">Entrainer</a>
 
 
</form>

le code php

Code:

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
 
<?php
session_start();
     mysql_connect("localhost", "dragonis_cheza", "information12");
mysql_select_db("dragonis_test");
if($dragos['Expérience'] >= $dragos['Expérience_Max'])
{
 
mysql_query("UPDATE dragoniss SET Expérience = Expérience - ".$dragos['Expérience_Max']." WHERE ID='".$_GET['ID']."'");
 
mysql_query("UPDATE dragoniss SET Point_combat = Point_combat + 1 WHERE ID='".$_GET['ID']."'")OR DIE(mysql_error());
 
mysql_query("UPDATE dragoniss SET Niveau_Combat = Niveau_Combat + 1 WHERE ID='".$_GET['ID']."'");
 
mysql_query("UPDATE dragoniss SET Expérience_Max = Expérience_Max + 70 WHERE ID='".$_GET['ID']."'");
 
redir("entretien.php?ID=".$_GET['ID']."&amp;groupe=".$dragos['groupe']."");
}
 
if($dragos['Niveau'] <= 5)
{
$nombrealeatoir = mt_rand(10,20);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] >= 6 && $dragos['Niveau'] <= 10)
{
$nombrealeatoir = mt_rand(20,30);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 15 && $dragos['Niveau'] >= 11)
{
$nombrealeatoir = mt_rand(30,40);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 20 && $dragos['Niveau'] >= 16)
{
$nombrealeatoir = mt_rand(40,50);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 25 && $dragos['Niveau'] >= 21)
{
$nombrealeatoir = mt_rand(50,60);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 30 && $dragos['Niveau'] >= 26)
{
$nombrealeatoir = mt_rand(60,70);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 35 && $dragos['Niveau'] >= 31)
{
$nombrealeatoir = mt_rand(70,85);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 40 && $dragos['Niveau'] >= 36)
{
$nombrealeatoir = mt_rand(90,110);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 45 && $dragos['Niveau'] >= 41)
{
$nombrealeatoir = mt_rand(120,140);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 50 && $dragos['Niveau'] >= 46)
{
$nombrealeatoir = mt_rand(165,187);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 55 && $dragos['Niveau'] >= 51)
{
$nombrealeatoir = mt_rand(207,245);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 60 && $dragos['Niveau'] >= 56)
{
$nombrealeatoir = mt_rand(278,299);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 65 && $dragos['Niveau'] >= 61)
{
$nombrealeatoir = mt_rand(324,348);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 70 && $dragos['Niveau'] >= 66)
{
$nombrealeatoir = mt_rand(359,377);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 75 && $dragos['Niveau'] >= 71)
{
$nombrealeatoir = mt_rand(388,410);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 80 && $dragos['Niveau'] >= 76)
{
$nombrealeatoir = mt_rand(390,440);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 85 && $dragos['Niveau'] >= 71)
{
$nombrealeatoir = mt_rand(410,467);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 90 && $dragos['Niveau'] >= 86)
{
$nombrealeatoir = mt_rand(440,486);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 95 && $dragos['Niveau'] >= 91)
{
$nombrealeatoir = mt_rand(460,503);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] <= 100 && $dragos['Niveau'] >= 96)
{
$nombrealeatoir = mt_rand(489,534);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}
if($dragos['Niveau'] >= 101)
{
$nombrealeatoir = mt_rand(600,800);
 
mysql_query("UPDATE dragoniss SET Entrainement = Entrainement + ".$nombrealeatoir." WHERE ID='".$_GET['ID']."'");
 
}

Le problème est que quand je clic sur le lien il fait que me vider ma div sans rien laisser et encore moins actualiser les donnée qui on été changer

merci pour vos réponse

Bon j'ai fait quelque petit changement j'arrive a afficher ce que je voulais mais mes donner php ne s'actualise pas... elle reste les même...

donc j'aichanger cette ligne si
Code:

1 2 document.getElementById('entrainement').innerHTML = sData;
par
Code:

1 2 3 4 5 6 7 8 document.getElementById('entrainement').innerHTML = "<h3>Entrainement</h3><?php // $drago= mysql_query("SELECT * FROM dragoniss WHERE ID='".$_GET['ID']."'")OR DIE(mysql_error()); $dragos= mysql_fetch_array($drago); echo' '.$dragos['Entrainement'].'/'.$dragos['Entrainement_max'].' '; ?>";
donc il m'affiche mes chose comme il le faut sauf que les variable reste in changer... quelqu'un aurai t'il une solution?

EDIT: je n'arrive pas a afficher mon lien celons la même condition que dans ma div d'avant...

Euh... rassure-moi, tu n'espères pas que le navigateur va exécuter du code PHP quand même ! :koi:

Il exécute belle et bien mon code php... et c'est ce qui m'intrigue le plus... mais mon problème est que j'aimerai juste que les donner soit mise a jour...

que l’expérience du dragon augmente automatiquement quand on clic sur le lien entrainer... et que, s'il augmente d'un niveau, l’expérience max augmenter de 50 et que le lien ne soit plus visible tant et aussi longtemps que le dragon n'aura pas retrouver sont point d'entrainement de la journée... mais si je met tout bonnement sData il ne fait que efface tout ce qu'il y a dans mon div... le titre h3... les donnée et le bouton... mais je veux que tout cela reste mais que le tout augmente dès qu'on clic sur le bouton...