[JQuery] chargement de page Avec IE
Voila j'ai utilisé jquery pour me construire une petite shootbox en ajax dont vous pouvez voir l'avancée ici : http://all.pandas.are.free.fr/lib/jquery/idlebox2/
Ca marche impecc sous firefox ,les requetes en bdd d'insert et de select se font bien sans rechargement de la page etc... seulement lorsque l'ont post sous ie , l'insertion dans la bdd se fait bien mais l'affichage des message n'est pas mis a jour (du moins la derniere requete enregistrée ne s'affiche pas ) .
Quelqu'un connais t'il ce probleme ?
voila mon code , n'hesitez pas a me dire si des ameliorations peuvent etre apportées , je debute avec 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
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
| $(document).ready(function(){
//fonction inputs *
$("#pseudo").focus(function () {$(this).val("");});
$("#message").focus(function () {$(this).val("");});
//
//Fonction sur le clique de poster
$("#poster").click(function () {
$(this).toggleClass("poster2");
if ($(".divpost:first").is(":hidden")) {
$(".divpost").slideDown("slow");
$(this).html("Fermer la boite");
} else {
$(this).html("Ajouter un message ");
$(".divpost").slideUp();
}
});
//
//Chargement de la page select.php
var html = $.ajax({
url: "select.php",
async: false
}).responseText;
//On affiche select.php dans la div result
document.getElementById('result').innerHTML = html ;
//Lors du clique sur le boutton post
$('#menu1').bind('click',function(){
//On affiche le chargement pendant la requette
$("#result").ajaxStart(function(){
document.getElementById('loading').innerHTML="<img src='loader.gif'>Chargement..." ;
});
//On masque le chargement a la fin de la requette
$("#result").ajaxStop(function(){
document.getElementById('loading').innerHTML=" " ;
});
//On definis la valeur du champ de texte
var message = document.getElementById('message').value ;
//On definis la valeur du pseudo
var pseudo = document.getElementById('pseudo').value ;
//On verifie que le champ de texte n'est pas vide
if (message==""){
alert ("Tu m'a pris pour un lapin de six semaines ou quoi? Entre au moins une lettre !");
}else{
if (pseudo==""){
pseudo="Anonyme";
}
//On commence la requete , on envoi a post.php la variable name qui contient le contenu du champ de texte
$.ajax({
type: "POST",
url: "insert.php",
data: "message="+message+"&pseudo="+pseudo,
success: function(){
//On actualise select.php
var html = $.ajax({
url: "select.php",
async: false
}).responseText;
//On vide le champ de texte
document.getElementById('result').innerHTML = html ;
document.getElementById('message').value = "" ;
document.getElementById('pseudo').value = "" ;
}
});
}
});
}); |
