tabIndex géré dynamiquement

Version imprimable

02/02/2006, 11h13
Johnbob

tabIndex géré dynamiquement
Bonjour.

Pour une application de back-office, j'ai besoin d'avoir une maitrise totale des tabIndex de la page. Ce n'est pas très compliqué en soi. Mon problème vient d'un controle spécial qui fait apparaitre ou disparaitre 2 champs au milieu de ma page. Donc lorsqu'ils disparaissent, je fais:
Code:

1 2 document.getElementById("champ16").tabIndex = "-1"; document.getElementById("champ17").tabIndex = "-1";
Ce qui fait que le focus saute du champ 15 au champ 18 (quand ou fait TAB).

Et lorsqu'ils réapparaissent:
Code:

1 2 document.getElementById("champ16").tabIndex = "16"; document.getElementById("champ17").tabIndex = "17";
Et le focus se comporte bizarrement: en appuyant sur TAB à répétition, voilà l'enchainement:
champ1>champ2>champ3>champ4>champ5>champ6>
champ7>champ8>champ16>champ9>champ10>champ11>
champ12>champ13>champ14>champ15>champ17>champ18

Le champ 16 se place entre les 8 et 9 au lieu des 15 et 17 !
Et pourtant j'ai fais des alertes javascript pour vérifier son tabIndex et il est correct...

Bref, il y a une déchirure dans l'espace-temps de ma page web :?
(Je suis sous IE 5.5)

Est-ce que ça dit quelque chose à quelqu'un ? :cry:
02/02/2006, 11h18
SpaceFrog

essaye avec du numérique plutot que du string ?

Code:

tabIndex=16
02/02/2006, 11h25
Johnbob

Bonne idée, j'y avais pas pensé ! Mais j'ai fait la modification et le comportement est identique malheureusement...
02/02/2006, 11h35
denisC

Citation:

Envoyé par Jung

Bonne idée, j'y avais pas pensé ! Mais j'ai fait la modification et le comportement est identique malheureusement...

Tu peux nous concocter un petit code HTML minimal qui fasse apparaitre ton problème?
Parceque franchement, je ne vois pas... Ca vient peut-être d'une interaction avec une autre de tes fonctions. Ou alors, un bug du navigateur.
02/02/2006, 11h39
Johnbob

Citation:

Envoyé par denisC

Tu peux nous concocter un petit code HTML minimal qui fasse apparaitre ton problème?

C'est pas gagné (j'ai 500 lignes de JSP et 1000 lignes de javascript un peu touffu avec de l'ajax et des webservices partout) mais je vais essayer d'isoler le problème dans un petit fichier en début d'après midi.

Citation:

Envoyé par denisC

Parceque franchement, je ne vois pas... Ca vient peut-être d'une interaction avec une autre de tes fonctions. Ou alors, un bug du navigateur.

Je penche pour le bug parce que j'ai tout vérifer à fond un millier de fois.
02/02/2006, 11h54
SpaceFrog

as tu essayé le coup de redefinir le type du submit dynamiquement..; des fois IE n'aime pas trop qu'on lui bouscule son form ...
un coup de pied dans le bouton submit remets parfois les choses en place ...
02/02/2006, 11h57
Johnbob

Bon j'ai avancé... le focus passe par du 8 au 16 puis au 9 parce le 16 n'a pas de tabIndex et ils sont dans cet ordre dans le code html. Alors, pourquoi le 16 n'a pas de tabIndex ? c'est logiquement impossible vu qu'au chargement son tabIndex vaut 16 puis -1 (quand je fais la modif) puis 16 à nouveau. Donc, le "raffraichissement" du tabIndex ne fonctionne pas très bien voire pas du tout... Il faut que je trouve un moyen de forcer ce raffraichissement du champ. (ça ne fonctionne pas en faisant un "display:none;" et en le réaffichant)

[Edit] Je vais voir du coté du form global et de son submit, ça me parait une bonne idée [/Edit]
02/02/2006, 11h59
SpaceFrog

youhou .... rafraichir le tabIndex peut peut être fait au moyen de la réactualisation du bouton submit ...
02/02/2006, 12h00
denisC
Citation:

Envoyé par Jung

Bon j'ai avancé... le focus passe par du 8 au 16 puis au 9 parce le 16 n'a pas de tabIndex et ils sont dans cet ordre dans le code html. Alors, pourquoi le 16 n'a pas de tabIndex ? c'est logiquement impossible vu qu'au chargement son tabIndex vaut 16 puis -1 (quand je fais la modif) puis 16 à nouveau. Donc, le "raffraichissement" du tabIndex ne fonctionne pas très bien voire pas du tout... Il faut que je trouve un moyen de forcer ce raffraichissement du champ. (ça ne fonctionne pas en faisant un "display:none;" et en le réaffichant)

Mais pourquoi ça marche pour le 17, dans ce cas????

Sinon, je crains que la seule façon de rafraichir efficacement un champ dans IE soit de le détruire puis de le recréer à la sauce IE avec un:
Code:

1 2 document.createElement("<input type=... name=... tabIndex=... />");
02/02/2006, 12h02
SpaceFrog

j'ai purtant pas mis ma cape d'invisibilité aujourd'hui ... 8O
02/02/2006, 12h03
denisC

Citation:

Envoyé par SpaceFrog

j'ai purtant pas mis ma cape d'invisibilité aujourd'hui ... 8O

Euh, comment tu rafraichis un bouton submit???? Avec un grand verre d'eau? :D
02/02/2006, 12h04
SpaceFrog

Code:

document.forms[0].monboutonsubmit.type="submit"

comme dit plus haut redéfinir dynamiquement le type du bouton submit ...
02/02/2006, 12h28
Johnbob

Citation:

Envoyé par denisC

Mais pourquoi ça marche pour le 17, dans ce cas ????

Ça marche pour le 17 parce c'est l'ordre dans lequel les champs se suivent dans le code source.

Donc en gros:
- Affecter un tabIndex -1 en javascript, ça fonctionne
- Affecter un tabIndex >0 en javascript, ça fonctionne pas:
- javascript détecte bien le nouveau tabIndex
- IE n'en tient pas compte lorsqu'on fait TAB

SF > Désolé de ne pas avoir répondu plus tôt à ta suggestion mais je n'ai pas de bouton submit :( (la soumission du formulaire se fait en javascript par le framework propriétaire que j'utilise)
02/02/2006, 13h33
SpaceFrog

ben mets un bouton submit hidden?