Gebruik van $.ajax
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
$("#prex").click(function(){
$.ajax({
url:"../proc/ajaxclose.php",
type:"POST",
success:function(result){
$("#previewb").html('<img class="subafb" src="../pics/toestel.png" height="60" width="85">');
$("#prex").html('');
}
}).error(function(){
alert("wrong");
});
});
$.ajax({
url:"../proc/ajaxclose.php",
type:"POST",
success:function(result){
$("#previewb").html('<img class="subafb" src="../pics/toestel.png" height="60" width="85">');
$("#prex").html('');
}
}).error(function(){
alert("wrong");
});
});
"#prex" is een div-tag waar net een afbeelding in is geplaatst. Klikt men op die afbeelding dan start dit script. Het is de bedoeling dat na het php script de afbeelding 'toestel.png' in de div-tag previewb wordt geplaatst én dat de afbeelding in de div-tag prex wordt verwijderd.
Het vreemde is nu dat toestel.png wél wordt geplaatst, maar dat het $("#prex").html(''); helemaal niets doet.
Is hier een verklaring voor?
Toevoeging op 22/02/2015 23:09:49:
Inmiddels heb ik het gevonden. de afbeelding in de divtag prex werd als volgt geplaatst:
Code (php)
1
2
3
2
3
$(document ).ajaxStop(function() {
$("#prex").html('<span class="close" title="Verwijderen"><img src="../pics/cross.png" height="15" width="15">');
})
$("#prex").html('<span class="close" title="Verwijderen"><img src="../pics/cross.png" height="15" width="15">');
})
Kennelijk wordt de 'ajaxStop(function()' telkens weer herkend en uitgevoerd. Daardoor werd de cross.png eerst verwijderd om vervolgens weer doodleuk geplaatst te worden. Nadat ik de ajaxstop functie heb verwijderd was het probleem verholpen.
Er zijn nog geen reacties op dit bericht.