reload partiel d'une page
Bonjour,
j'ai un problème qui m'enerve depuis quelques jours.
Voici mon script jQuery :
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
|
<script type="text/javascript">
<!--
$(document).ready(function() {
$("#delete").hide();
$("#image").mouseenter(function() {
$("#delete").show();
});
///////////////////////////////////
$("#delete").click(function() {
$.getJSON('../RemoveImageUri', { campaignid: "<%= Model.Campaign_ID %>" });
$("#reload").load(location.href+" #reload > *"); // partial reload on the image
});
///////////////////////////////////
$("#image").mouseleave(function() {
$("#delete").hide();
});
// prevents the little delete icon from wobbling
$("#delete").mouseenter(function() {
$("#delete").show();
});
$("#fileupload").change(function() {
$("form").submit();
});
$("form").validate({
rules: {
fileupload: {
accept: "jpeg|jpg|gif|png|bpm"
}
}
});
});
-->
</script> |
On va s'interesser a la fonction $("#delete").click() delimitee en vert.
La fonction getJSON marche très bien.
C'est cette fonction $("#reload").load(location.href+" #reload > *"); qui pose probleme.
En fait, ma page contient un <input type="file">. A chaque fois que le user selectionne une image, le formulaire est envoye avec l'image selectionnee et la page est rafraichie avec l'image affichee (#image).
Je peux supprimer l'image en cliquant sur un bouton #delete (c'est une image aussi en fait) qui s'affiche lorsque le curseur est sur l'image. Et lorsqu'on appuie sur le bouton(image) #delete, cela supprime l'image sur le serveur et doit raffraichir la page.
L'image est supprimee mais la page ne se rafraichit pas toujours (en tout cas pas sur IE). Firebug m'indique 2 "401 Access Denied", puis il rafraichit la div #reload en question (contenant l'image #image). Donc au final, le resultat est bon mais je ne peux plus rien faire sur cette page lorsque cette erreur se produit.
Enfin voila, si quelqu'un a une idee.... merci d'avance
