Discussion :

[jehlg]

Bonjour,

J'aimerais en fait empecher le lancement de plusieurs processus lorsqu'un utilisateur clique plusieurs fois sur le bouton avant d'attendre la fin du premier traitement.

En effet souvent, il y a un peu d'attente pour le chargement de la page suivante et il arrive que l'utilisateur reclique plusieurs fois sur le bouton pour accélerer le traitement (c'est ce qu'il croit !).

Je voudrais donc faire une fonction qui ne lance aucun traitement suivant tant que le premier n'est pas terminé

Merci d'avance pour votre aide

[djflex68]

cache le bouton en javascript quand le mec clique dessus. Comme ça il ne pourra pas cliquer deux fois.

[jehlg]

Oui mais s'il double clic rapidement en général les deux traitements sont lancés.

Néanmoins c'est pa sun mauvaise idée, je vais voir ça

[djflex68]

perso j'utilise cette technique, et franchement tu n'as absolument pas le temps de cliquer sur le bouton 2 fois, ça disparaît instantanément.

[jehlg]

Ok très bien je vais le tester.

J'ai juste peur qu'au niveau de l'ergonomie ça ne plaise pas à mon responsable. Ca peut peut etre pertubé l'utilisateur de voir le bouton disparaitre apres le clic.

Ton bouton réapparait lorque le traitement est terminé dans le cas où tu reste sur la meme page ?

[djflex68]

oui...
mais si tu veux pas que le bouton disparaisse il suffit que tu désinscrives l'évènement onclick dans la fonction appellée cet l'évènement onclick ...

Code :

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

1
2
3
4
5
6
7
8
 
function OnClick(e)
{
    /* syntaxe IE */
    window.event.srcElement.onclick = '';
    /* syntaxe Firefox */
    e.target.onclick = '';
}

[jehlg]

ok nickel merci beaucoup.

Je vais mettre ce code que tu viens de me passer dans ma fonction javascript

Edit : J'ai ajouté ce code dans ma fonction javascript mais ca ne marche pas ;(

As tu un exemple complet ?

Voici en tout cas mon code :

html :

<html:img styleClass="pointeur" pageKey="bouton.lancer.recherche.image" altKey="bouton.lancer.recherche.alt" onclick="BackStep(2)" />

et javascript :

function BackStep(step)
{
document.forms['<tiles:getAsString name="formName" />'].elements["step"].value = step;
document.forms['<tiles:getAsString name="formName" />'].submit();
}

Merci pour votre aide

[jehlg]

C'est bon j'ai fini par trouver une solution.

Merci encore pour ton aide.