Discussion :

[Heretic]

Bonjour,
Après recherche infructueuse, je me demande s'il existe une fonction qui me permettrait de récupérer (directement sans balayer toute la table) l'index d'un control dans la table document.form.elements à partir de son id ou name !
Je suis en train d'essayer d'optimiser un javascript monstrueux qui balaye une JSP (non moins monstrueuse) contenant 660 controls
Bon c'est une page extraite d'une appli pro, contenant une liste de 8 occurrences de 60 colonnes, ce qui explique en partie la taille de la page.
Merci de votre aide.

[SpaceFrog]

non.
Quel est le but de la recupération de l'index ?
ne peux tu pas t'en passer en passant this en paramètre ?

[le_chomeur]

document.getElementById("tonid")

[Heretic]

La récup d'index me permettrait de commençait le balayage des controls (ce balayage sert à locker ou non les champs du bas de la page en fonction d'un paramétrage) à partir de celui qui m'intéresse. C'est environ le 120ème de la page, mais susceptible d'évoluer dans le temps, je ne peux donc pas me contenter d'une valeur en dur... L'idée c'est qu'au lieu de lancer une boucle à partir de l'index 0, je la démarre à partir du champ qui m'intéresse, ce sera déjà ça de gagné en temps.
Je vois pas bien le coup du "this" ?!
a+

[Heretic]

document.getElementById("tonid")

Hum, désolé mais je ne pense pas pouvoir récupérer l'index dans document.form.elements avec cette fonction... Si c'est possible, merci de me dire comment

[SpaceFrog]

sous IE ce serait possible avec l'id porpre attribué par IE dans son DOM ...

sinon il faudrait un nommage ou une identification rationnels des elements ...

sinon si tes elements ont tous le même name c'est jouable

on peut voir un bout du html avec quelques éléments ?

[le_chomeur]

hups autant pour moi effectivement ... mal compris la question je pensais que tu souhaitais juste accéder a ton élément.

de plus pour locker 600 éléments , j'avais fait la démo d'un test avec boucle optimisé sur 10000 élements , j'arrivais a a peine 500ms ( donc 0,5 secondes ... )
je pense que le balayage est envisageable dans ton cas ...

[Heretic]

sous IE ce serait possible avec l'id porpre attribué par IE dans son DOM ...

ca m'intéresse car l'appli n'est prévue que pour IE (oui je sais...). tu peux détailler un peu la manip, je ne connais pas trop ce concept de DOM RE-

--> le_chomeur : chapeau parce que dans mon cas, pour 660 éléments le temps est d'environ 3.5 secondes (sur un P4 2Ghz avec 2Go de RAM) !!! Ceci dit, ce n'est pas une simple boucle, il y a pas mal de code dedans...

[le_chomeur]

montre nous ton code , on pourra surement l'améliorer
petit conseil => stock tes objets dans un array plutôt que de les parcourirs gain de temps => x10

[SpaceFrog]

essaye avec sourceIndex

Code :

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

<input type='text' onclick="alert(this.sourceIndex)" />

à à l'air de donner un bon resultat sous IE

[SpaceFrog]

Code :

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

       <input type='text' onclick="this.form.elements[this.sourceIndex-142].style.backgroundColor='red'" />

142 etant le sourceIndex du premier element du formulaire

[le_chomeur]

et pour firefox on peut faire ceci :

Code :

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

1
2
3
4
5
6
window.onload=function() {
//récupération de tous les éléments de la pages
  var MesElements=document.getElementsByTagName('*');
  //Ajout de la propriété sourceIndex
  for (var i=0,l=MesElements.length;i<l;i++) e[i].sourceIndex=i;
}

[SpaceFrog]

lol fillot ...
mais inutile puisque c'est prévu uniquement pour IE ...

[Matthieu2000]

Code :

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

1
2
3
4
5
6
7
8
9
function getIndex(nomchamp,formulaire){
index=0;
for(i=0;i<formulaire.elements.length;i++){
if(formulaire.elements[i].name==nomchamp)
{index=i;
}
}
return index;
}

un truc de ce genre?

[Heretic]

Merci à tous
SpaceFrog, j'essaie ton truc après le repas, ça m'a l'air pas mal du tout
Matthieu2000 et le_chomeur, merci mais l'idée est d'avoir un ordre propre qui ne nécessite pas de balayer la boucle, sinon l'opti sera minime

[le_chomeur]

lol fillot ...
mais inutile puisque c'est prévu uniquement pour IE ...

oui mais quand même je suis pour la paix des navigateurs

[Heretic]

Hello,
Me revoilou avec mon problème
sourceIndex est une bonne solution, sauf que visiblement il ne compte pas les éléments de la même manière que form.elements
Exemple :
Admettons que mon form débute au sourceIndex = 100.
En balayant document.form.elements je récupère pour le control qui m'intéresse l'"index" 137, mais sourceIndex de cet élément renvoie 447 (soit 210 de trop en absolu par rapport au début du form...)
Argh, ça me gave bien...

[SpaceFrog]

j'ai pourtant bien précisé en relatif par rapport au premier element du form, tu dois pouvoir l'automatiser

Code :

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

var firstElement=document.forms[0].elements[0].sourceIndex

[Heretic]

Je vais essayer de donner le cas concret

J'exécute le code suivant :

Code :

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

1
2
3
4
5
iform = document.ps57Form.elements[0].sourceIndex;
ilibref = document.getElementById("libRefPrestation").sourceIndex;
ilf = document.getElementById("lastFocus").sourceIndex;
ics = document.getElementById("codeSite").sourceIndex;
iligne = document.getElementById("ligneActive[0]").sourceIndex;

Ca me restitue :
iform = 201
libRefPrestation = 207
lastFocus = 208
codeSite = 209
ligneActive[0] = 447

Si je fais un vidage de document.form.elements (tout bête en balayant de 1 en 1 puis en faisant un alert sur chaque occurrence), je récupère :
1 - libRefPrestation
2 - lastFocus
3 - codeSite
...
137 - ligneActive[0]

Si je compte avec le sourceIndex index de ligneActive[0] = 447 - 201 = 236, alors que la position dans doucment.form.elements = 137 !!!!!!

Donc je pense que sourceIndex compte des éléments qui n'apparaissent pas dans document.form.elements

[le_chomeur]

le but final de récupérer les index ???