11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

je suis en train de réaliser une page de saisie d'informations.

Cette saisie se fait en 3 étapes hiérarchiques sous la forme de 3 formulaires :

1) saisie des infos membre.
2) ajout d'un fichier.
3) saisie d'un texte.

jusqu'ici j'ai pu sans aucun problème masquer chacune des étapes suivantes.
Ainsi à l'arrivé sur la page, seul le div de l'étape 1 sera affiché, jusqu'à la validation de son formulaire.
Le div de l'étape 2 s'affichera donc à son tour, etc..

Plutot que de masquer les div des étapes suivantes, je souhaiterai diminuer leur opacité (chose réalisé dynamiquement avec jquery en fonction de l'avancement de l'utilisateur dans sa saisie)

Toutefois en plus de réduire l'opacité du div, j'aimerai pouvoir empêcher tout parcours dans ce dernier.

y a t'il un moyen d'appliquer comme une perte de focus dès que l'on est sur ce div ou l'un de ces éléments ?

en vous remerciant par avance.
Khyor
Hello,

Tu peux ajouter un disabled (disabled="disabled") sur les éléments que tu veux rendre inutilisables.

Edit : Accesoirement, tu peux aussi courcircuiter le onsubmit de ces formulaires pour qu'ils return false
Modifié par Tymlis (17 Oct 2008 - 01:34)