Discussion :

[NikoBe]

Bonjour,

Tout est dans le titre !
J'ai une fonction javascript qui s'exécute lorsque l'utilisateur clisque sur un bouton, mais cette fonction prend un certain temps à s'exécuter.
Dès lors, pdt son exécution, je voudrais transformer le curseur de la souris en sablier.
J'ai déjà fait pas mal de recherche et de tests, mais jusqu'à présent, je n'ai pas obtenu entière satisfaction.

la meilleure solution jusqu'à présent ressemblait à ça :

<input type="button" id="mybut" onclick="changeCursor('wait'); myfunction(); changeCursor('pointer')" />

avec

function changeCursor(new_style) {
document.body.style.cursor = new_style;
}

.. le problème alors est que le curseur ne change que pour le body et non pour les autres éléments de la page (qui ne comporte qu'un formulaire)
Si je change la fonction pour faire une boucle sur tous les éléments, ça ne marche pas pour les ComboBox.

De toutes façons, ce que je voudrais, c'est empêcher l'utilisateur d'effectuer une action pendant que la fonction javascript s'exécute.

[SpaceFrog]

Dasn ce cas là il vaut mieux mettre un masque (un div en height 100% et width 100% style cursor wait zindex de premier plan) qui prendra tous les clics de la page

[NikoBe]

.. c'est bien ce que je craignais (dans le sens où je n'ai jamais fait ça)
j'ai vu effectivement cette solution dans un autre topic, mais j'avoue ne pas avoir tout saisi.

Il s'agit donc d'un DIV qui entoure le reste de la page ?
Que modifie-t-on comme propriété sur ce DIV pour empêcher à l'utilisateur toute action ?
Est-ce que l'utilisateur voit encore la page ? (est-il possible de voir un exemple concret qq part ?)
De quel manière l'utilisateur est-il informé que la fonction est en train de s'exécuter ?


Merci bcp !!

[SpaceFrog]

un exemple ...

pendant l'execution d'une fonction javascript j'affiche un masque ...
http://www.sebemex.fr/Extramiante/Catalogue/index.htmhttp://www.ouestisol.fr/activ/extram/Catalogue/index.htm[/url]

[NikoBe]

ça me semble très bien tout ça

OK, il y a-t-il un endroit que vous me conseilleriez où je peux trouver les informations nécessaires à l'implémentation de tel masque ?
(malheureusement, le temps presse)

Encore merci !

[SpaceFrog]

Ben sur le lien que je t'ai donné ...
dans les sources ...

[NikoBe]

Thks (j'avais mal regardé, je pensais que la function en question était dans un include d'un fichier .js)
Bref,
ça marche ! (presque)
"presque" dans le sens où certain éléments de la page s'affiche au-dessus de ce masque (ce qui est vraiment pas top)
n'y a-t-il pas un moyen de spécifier que ce masque doit être au-dessus de tout autre objet de la page ?

[SpaceFrog]

colle le en zindex 500 ...

à moins que tu n'aies des inouts ou select ...

là il faudra les rendre invisibles ... style visibility hidden ... (dans une boucle)

[NikoBe]

oui j'ai des inputs et des selects.. c'est bien ça le problème !
N'y a-t-il pas moyen de les garder visible malgré tout ?? (c'est justement pdt l'exécution d'un filtre sur ces selects que je veux utiliser le masque)

[SpaceFrog]

non c'est un bug connu de IE les selects restent au dessus ...
faut les rendre invisible ...