Discussion :

[legrandse]

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 HTML :

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

<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>

[legrandse]

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 HTML :

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

<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 :

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

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 ?

[Invité]

Bonjour,

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

[legrandse]

Merci pour ta réponse.

J'ai modifié le code en indiquant le onclick sur le lien <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
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

[legrandse]

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

Code html :

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

<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.