Discussion :

[KymZen]

Bonjour,

j'ai un problème qui m'enerve depuis quelques jours.

Voici mon script jQuery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$("#monImg").attr({
	src: "../images/imageTest.png",
	width: 270,
	height: 200
});