Message ou image d'attente

**nicoaix** · 07/06/2010, 17h34

Bonjour,
J'ai un lien html classique qui pointe vers un fichier php. Ce fichier effectue une requête dans ma base de données afin de générer un fichier Excel. Suivant les cas la requête peut être longue.
J'aimerai donc prévenir les utilisateurs qu'ils ont bien cliquer sur le lien et que la génération du fichier Excel est encours.

Je ne trouve pas grand chose comme information sur google... J'ai bien essayé de mettre un gif animé masqué au chargement de la page web puis visible lors du clic...mais sans succès (dans le meilleur des cas, le gif s'affiche mais ne s'anime pas...).

Auriez-vous connaissance d'une fonction, d'un script php, javascript, ajax... qui fasse cela?

Merci.

**nosferapti** · 07/06/2010, 21h25

tu peux essayer ça :

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
<script type="text/JavaScript">
function patienterBoutonEnregistrer(idBouton, message)
{
    var bouton = document.getElementById(idBouton);
 
    bouton.disabled = true;
    bouton.value = message;
}
</script>
 
<form ... onsubmit="patienterBoutonEnregistrer('boutonEnvoi', 'Envoi en cours…');"
...
<input type="submit" value="Envoyer" id="boutonEnvoi"/>
...
</form>

**nicoaix** · 08/06/2010, 10h06

J'ai un peu modifier ton code pour l'adapter au fait que j'utilise un lien vers un fichier plutot qu'un formulaire. Mais l'effet reste le même, mis à part que je dois trouver un moyen de détecter quand le fichier a été télécharger afin de modifier l'affichage.

Voici le code de mon fichier proposant un lien vers un fichier excel (telechargement.php):

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
 
<script type="text/JavaScript">
function wait_on(idBouton, message){
    var bouton = document.getElementById(idBouton);
    bouton.innerHTML = message;
}
function wait_off(idBouton, message){
    var bouton = document.getElementById(idBouton);
    bouton.innerHTML = "<a href=\"excel/saisie.php\" onClick=\"wait_on('lien', 'Envoi en cours…');\" target=\"_blank\">Fichier de saisie</a>";
}
function init(idBouton, message){
    var bouton = document.getElementById(idBouton);
    bouton.innerHTML = "<a href=\"excel/saisie.php\" onClick=\"wait_on('lien', 'Envoi en cours…');\" target=\"_blank\">Fichier de saisie</a>";
}
</script>
</head>
 
<body onLoad="init();">
 
<div align="center" id="lien"><a href="excel/saisie.php" onclick="wait_on('lien', 'Envoi en cours…');">Fichier de saisie</a></div>

Ce code fonctionne bien et m'affiche "Envoi en cours..." lors qu'on clic sur le lien. Mais mon problème est de ré-afficher le lien lorsque le téléchargement est terminé.

D'un autre coté dans le fichier excel/saisie.php à la fin du fichier j'ai essayé d'ajouter ceci:

Code :

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

1
2
3
4
<script language='javascript'>
	window.opener.location='telechargement.php';
	window.close();
</script>

Mais sans effet.

**padawan31** · 09/06/2010, 10h43

Tu vas chercher ton fichier XLS (ou même le générer) avec une requête AJAX ..?

Message ou image d'attente

JavaScript

Vue hybride

Discussions similaires

Partager

Partager