Discussion :

[snyfir]

Bonjour, quand je charge une page php avec la fonction imap pour connaitre le nombre de mail dans ma boite mail. Ma page mais des fois plus de deux seconde a se générer. Par contre si enlève cette fonction je reviens a quelque chose du genre 0.05 secondes. Je voudrais donc pourvoir dabor afficher ma page php, puis exécuter ma fonction imap et afficher sur la même page le nombre de mail, sans régénérer la page ?

Mais voila, je n'est aucune idée comment mis prendre et si cela est réalisable.
Si vous avez des idées la dessus, je serais preneur. Merci d'avance pour vos réponses.

[12monkeys]

Bonjour

Je voudrais donc pourvoir dabor afficher ma page php, puis exécuter ma fonction imap et afficher sur la même page le nombre de mail, sans régénérer la page ?

Il me semble que pour tu pourrais utiliser ajax : http://ajax.developpez.com/

[riete]

Je pense que 12monkeys t'as montré le bon chemin.
Jette un oeil ici

[snyfir]

Merci bien pour vos réponses.

Après plusieurs lecture, je viens de créé une fonction java script, qui marche bien. Le seul problème est que sa ne m'affiche jamais chargement en court, même quand l'affichage du nombre de mail est long a s'afficher.
Si vous pouviez regarder si mon script est bon ? Merci d'avance

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
 
apercu('mail');
 
function apercu(id)
{
    var xhr;
    if (window.XMLHttpRequest) xhr = new XMLHttpRequest();
    else if (window.ActiveXObject) xhr = new ActiveXObject('Microsoft.XMLHTTP');
    else {
        alert('JavaScript : votre navigateur ne supporte pas les objets XMLHttpRequest...');
        return;
    }
 
 
    xhr.open('POST','mail_js.php',true);
    xhr.onreadystatechange = function()
    {
        if (xhr.readyState == 4  && (xhr.status == 200 || xhr.status == 0))
        {
            if (document.getElementById) document.getElementById(id).innerHTML = xhr.responseText;
 
        } else if (xhr.readyState == 2 || xhr.readyState == 3) {
            if (document.getElementById) document.getElementById(id).innerHTML = "Chargement en cour !";
        }
 
    }
    xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    xhr.send(null);
}

[riete]

Le seul problème est que sa ne m'affiche jamais chargement en court, même quand l'affichage du nombre de mail est long a s'afficher.

C'est normal man, il ne peut pas l'afficher tout seul, il faut que tu demande de le faire, quand cela est nécessaire.
Pour ma part, je fais comme ceci:
Primo je mets une sorte de zone réservée dans le haut de ma page ou j'affiche les messages réservé à Ajax

Code :

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

<div class=divstatus id=status>Aucune action en attente</div>

Ensuite dans ma fonction de traitement Ajax je mets

Code :

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

1
2
var status = document.getElementById("status");
status.innerHTML = "Chargement en cours...";

Puis en fonction du code reçu, je change cette valeur (dans ton cas s'est xhr.readyState qui retourne les messages erreur ou autres).
Dans ton code, je mettrais donc les message chargement en cours ici

Code :

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

1
2
xhr.onreadystatechange = function(){
  status.innerHTML = "Chargement en cours...";