icone de chargement au lancement du script

Version imprimable

22/03/2019, 12h00
legrandse

icone de chargement au lancement du script

Bonjour à tous,

J'ai un petit soucis au niveau de mes scripts lorsque je veux cliquer sur un lien.

Lorsque je clique sur mon lien de type <a href... le serveur exécute le traitement de la page mais il lui faut +/- 10 secondes pour le faire.
Mais pendant ce temps plus rien ne réagit à l'écran ce qui est perturbant pour l'utilisateur.

J'aurais bien voulu installer une icône de chargement qui lors du clique sur le lien affiche celle-ci. Mais cela ne fonctionne pas car dès le clique, le serveur effectue directement le traitement.

Pourriez-vous sp me dire comment faire dans ce cas?

En vous remerciant pour l'aide ;)

voici mon script:

Code:

<td><a href="customer_contract.php?id=<?php echo $dspBooking['id'];?>" data-toggle="tooltip" title="Contrat client"><img src="icons/offer.png" onclick="this.src='icons/loader.gif'" height="20px" ></a> </td>

J'ai trouvé une solution acceptable qui consiste à utiliser un window.confirm comme ceci.

Dans ce cas bien précis, l'icône loader apparait le temps de l'exécution du script.

Code:

<td onclick="sendingContract();" ><a href="customer_contract.php?id=<?php echo $dspBooking['id'];?>" data-toggle="tooltip" title="Contrat client"><img src="icons/offer.png" onclick="this.src='icons/loader.gif'" height="20px" ></a> </td>

Et le script qui va avec
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script type="text/javascript"> function sendingContract() { resultat=window.confirm('Voulez-vous envoyer le contrat client ?'); if (resultat==1) { return true; } else { return false; } } </script>
sauf que je ne sais pas pourquoi, lorsque je clique sur annuler et bien il exécute tout de même l'envoi.

Vous savez me dire où se trouve mon erreur ?

25/03/2019, 13h51
Invité

Bonjour,

le onclick doit être sur le lien <a>.

Merci pour ta réponse.

J'ai modifié le code en indiquant le onclick sur le lien <a> :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<td><a onclick="sendingContract();" href="customer_contract.php?id=<?php echo $dspBooking['id'];?>"  data-toggle="tooltip" title="Contrat client"><img src="icons/offer.png" onclick="this.src='icons/loader.gif'"  height="20px" ></a>  </td>
<script type="text/javascript">
function sendingContract()
{
	resultat=window.confirm('Voulez-vous envoyer le contrat client ?');
	if (resultat==1)
	{
		return true;
	}
	else
	{
		return false;
	}
}
</script>

Mais malgré cela si je répond en cliquant sur annuler, il exécute tout de même le script.

Bizarre cela 8O

25/03/2019, 15h15
legrandse

J'ai contourné une partie du problème en faisant comme ceci et en laissant tomber la fonction sendingContract :

Code:

<td ><a onclick="return confirm('Voulez-vous envoyer le contrat client ?');" href="customer_contract.php?id=<?php echo $dspBooking['id'];?>" data-toggle="tooltip" title="Contrat client"><img src="icons/offer.png" onclick="this.src='icons/loader.gif'" height="20px" ></a> </td>

il reste un hic c'est que l'icône de chargement même l'on répond par "annuler" elle se charge tout de même.