implementation de ajax

bonjour, j'ai le code suivant :

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
<!-- Script pour faire tourner une image -->
<script>
function rotate(angle, image, id){
//$('#img_'+id).remove();
$('#img_'+id).append('<img width="32" height="32" alt="loading" src="images/loading.gif" />');
$.ajax({
url : 'ajax/modif_img.php', /* Il s'agit de l'url ou seront traitÃ©s les donnÃ©es */
type: 'POST', /* Il s'agit de la mÃ©thode employÃ©e */
data : 'angle=' + angle +'&name_img=' + image + '&action=turn',
success: function(data){
/* La fonction Ã  Ã©xÃ©cuter avec les donnÃ©es recu */
donneesRecu = $.parseJSON(data);
if(donneesRecu.status == 'erreur'){
/* S'il y a une erreur, on affiche le message d'erreur dans le formulaire */
$('#img').alert('erreur lors de la modification de l\'image');
}else{
/* Sinon on affiche l'autre message */
var date = getTime();
$('#img_'+id).remove();
$('#img_'+id).append('<img width="200px" style="margin-left:70px;" alt="aperÃ§u de l\'image" src="includes/tmp/' + image + '?'+ date +'" />');
}
}
});
}
</script>

qui est censé envoyer une requete ajax, et voici le code html, sur lesquel il est censé agir :

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
<ul id="slider">  <li><div class="img"><a class="latest_img" href="#">
			<table width="220" height="220">
				<tbody><tr><td valign="center" align="center">
 
                                                                                            <div class="photo">
						<div class="heading" style="top: -30px;"><span>ananas</span></div>
 
						<center id="img_8"><img  width="150" height="200"  alt="image 16343" src="upload/test/ananas_8_26-04-2012.jpg"></center>
						<div class="caption" style="bottom: -50px;"><span>
							<div class="rotate">
								Date: 26-04-2012<br>
								Par: Admin
                                                                                                                                </div>
							<div class="droite">
                                                                                                                                                <a title="ananas" rel="image" class="img_infos" href="upload/test/ananas_8_26-04-2012.jpg"><img  title="Lancer le diaporama" alt="lancer le diaporama" src="images/diaporama.png" /></a>
                                                                                                                                                <a title="Pivoter de 90° vers la gauche" class="img_infos" href="javascript:rotate(90, upload/test/ananas_8_26-04-2012.jpg, 8)" ><img width="16" height="16" alt=""pivoter de 90° vers la gauche" src="images/turn-gauche.png"></a>
                                                                                                                                                <a title="Pivoter de 90° vers la droite" class="img_infos" href="javascript:rotate(270, upload/test/ananas_8_26-04-2012.jpg, 8)" ><img width="16" height="16" alt="pivoter de 90° vers la droite" src="images/turn-droite.png"></a>
                                                                                                                                                <br />
                                                                                                                                                <a title="Voir les commentaires" class="img_infos" href="javascript:see_comments(id)" ><img alt="Voir les commentaires" src="images/comments.png" /></a>
								<a title="Modifier" href="javascript:edit()" class="img_infos" ><img width="16" height="16" alt="Editer" src="images/modifier32.png"></a>
                                                                                                                                                <a title="Supprimer" href="javascript:delete()" class="img_infos"><img width="16" height="16" src="images/poubelle32.png"></a>
							</div></span>
                                                                                                            </div>
					</div>
				</td></tr>
			</tbody></table>
                        </a></div></li></ul>

mais il ne se passe rien, firebug ne me renvois pas d'érreurs, et il n'indique pas de requetes ajax .....