existence d'un �l�ment

Version imprimable

24/02/2006, 08h40
dor_boucle

existence d'un �l�ment

je suis � la recherche d'une m�thode ou d'un truc me permettant de tester l'existence d'un �l�ment dans ma page.
j'ai un script qui s'�xc�cute partout sur mes pages, mais certaines ne poss�dent pas un �l�ment, ce qui a la facheuse manie de mettre un message d'erreur tr�s laid...

Code:

document.getElementById('mon_element').disabled=true;

comment tester l'existence de "mon_element" ?
merci d'avance et bonne journ�e.
24/02/2006, 09h14
SpaceFrog

le plus simplement du monde ...

Code:

if(document.getElementById('mon_element')){document.getElementById('mon_element').disabled=true;}

ahem...
en fait ca ne corrige pas mon probl�me, que je viens de mieux isoler je crois...
alors j'utilise un truc que je sais pas trop ce que c'est.
voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var myrules = {
   // Simulation checkbox event handler
  '#simul': function(el){
		el.onclick = function(){
			if (el.checked==true) { // It's a simulation
				document.getElementById('SimulationReference').disabled=false;
				document.getElementsByName('LimitationDescription')[0].disabled=true;
				document.getElementsByName('LifeLimit')[0].disabled=true;
				document.getElementsByName('LifeLimitUnit')[0].disabled=true;
			}
			else {
				//if (document.getElementById('SimulationReference').disabled)
					document.getElementById('SimulationReference').disabled=true;
			  document.getElementsByName('LimitationDescription')[0].disabled=false;
			  document.getElementsByName('LifeLimit')[0].disabled=false;
			  document.getElementsByName('LifeLimitUnit')[0].disabled=false;
            }
		}
	}
 
/* , '#autreID' : function(xx){ ... } */
};
Behaviour.register(myrules);

et l'element simul n'existe pas..... et je sais pas comment tester son existence...

24/02/2006, 09h44
dor_boucle
j'ai trouv�, punaise j'ai tout test�...

dans mon fichier o� est declar� le register je met :
Code:

1 2 register : function(sheet){ if (document.simul){
et pas document.getElement By Id etc etc...
ouf !
bonne journ�e !
22/08/2006, 10h02
linar009

Bonjour,

D�sol� de relancer ce sujet six mois plus tard, mais j'ai effectu� une recherche et c'est le seul qui se rapporte � ma question.
Moi aussi je cherche � tester l'existence d'un �l�ment dans mon document.

Malheureusement le if document.getElementById(mon_element) ne fonctionne pas.
Et la m�thode de dor_boucle n'est pas tr�s clair...

Pourriez-vous m'en dire un peu plus ?

Merci.
22/08/2006, 10h04
javatwister

bien s�r que �a marche!

seulement, ex�cute le code de spacefrog � la fin du chargement;
22/08/2006, 10h11
linar009

Oui mais mon prob�me est un peu plus complexe que faire un simple disabled = true

En r�alit� je parcours tous mes �l�ments <IMG> de mon tableau et lorsqu'un d'eux se trouve sur la 1ere ligne ou la derniere ligne du tableau, je change de src pour l'image...
Le souci est que l'utilisateur peut supprimer des lignes du tableau : du coup, les �l�ments supprim�s du tableau n'existe plus...

Lorsque je mets le test if document.getElementById(mon_element), ma boucle sur les lignes du tableau s'arr�te.
Par cons�quent, les derni�res lignes ne sont pas trait�es.
22/08/2006, 10h14
javatwister

�videmment qu'elle s'arr�te!

tu lances ta boucle sur une condition: si la condition est fausse, la boucle ne d�marrera pas;

bref, il nous faut du code ou une adresse;

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
function remodeler() {
	var table = document.getElementById('tableau');
	var tbody = table.tBodies[1];
	var imgUp = "../../images/ord_up.gif";
	var imgDown = "../../images/ord_down.gif";
	var imgUpDisab = "../../images/ord_up_disab.gif";
	var imgDownDisab = "../../images/ord_down_disab.gif";
	hrefAttribute = document.createAttribute("href");
	for (i=1;i<tbody.rows.length;i++) {		
		var lienUpId = 'aup' + i;
		var lienDownId = 'adown' + i;
		var arrowUpId = 'swup' + i;
		var arrowDownId = 'swdown' + i;
		if (document.getElementById(i)) {
			if (document.getElementById(i).rowIndex == 1) {
				document.getElementById(arrowUpId).src = imgUpDisab;
				document.getElementById(arrowDownId).src = imgDown;
				document.getElementById(lienUpId).disabled = true;
				document.getElementById(lienDownId).disabled = false;			
			} else if (document.getElementById(i).rowIndex==tbody.rows.length) {	
				document.getElementById(arrowUpId).src = imgUp;
				document.getElementById(arrowDownId).src = imgDownDisab;
				document.getElementById(lienDownId).disabled = true;
				document.getElementById(lienUpId).disabled = false;		
			} else {
				document.getElementById(arrowUpId).src = imgUp;
				document.getElementById(arrowDownId).src = imgDown;
				document.getElementById(lienUpId).disabled = false;
				document.getElementById(lienDownId).disabled = false;
			}
		}
		
	}
}

22/08/2006, 10h19
linar009

Je pr�cise que mon getElementById(i) fait bien r�f�rence � la ligne de mon tableau (<TR id=2>...</TR>).
22/08/2006, 12h02
FremyCompany

Code:

if (document.getElementById(""+i+"")) {

?
Et si tu mettrais l2 comme id ?
23/08/2006, 09h38
linar009

Citation:

Envoy� par javatwister

�videmment qu'elle s'arr�te!

tu lances ta boucle sur une condition: si la condition est fausse, la boucle ne d�marrera pas;

:mouarf: Je ne vois pas en quoi une condition fausse dans une boucle stopperait la boucle ...
23/08/2006, 09h40
linar009

Citation:

Envoy� par FremyCompany

Code:

if (document.getElementById(""+i+"")) {

?
Et si tu mettrais l2 comme id ?

Que je mette l2 ou 2, la boucle s'arrete lorsqu'il ne trouve pas l'�lement
Vous etes s�r que le test if (document.getElementById(...)) permet bien de savoir si l'�l�ment existe ?
23/08/2006, 09h47
javatwister

un peu de html aussi, ste pla�t?

en tout cas, ton code est bavard et pesant!

mais ok pour le coup de la boucle, dans ce sens-l�, �a marche ;)

Citation:

Envoy� par javatwister

un peu de html aussi, ste pla�t?

en gros :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <TBODY><tr id='1' > <TD class=left style="TEXT-ALIGN: center">1</TD> <TD>Maison</TD> <TD class=upper style="FONT-SIZE:11pt" colspan=2></TD> <TD class=upper>OUEST</TD> <TD id='par0'> </TD> <TD> </TD> </TR> <tr id='2' > <TD class=left style="TEXT-ALIGN: center">2</TD> <TD>Hotel</TD> <TD class=upper style="FONT-SIZE:11pt" colspan=2></TD> <TD class=upper>OUEST</TD> <TD id='par0'> </TD> <TD> </TD> </TR> <tr id='3' > <TD class=left style="TEXT-ALIGN: center">3</TD> <TD>Appart</TD> <TD class=upper style="FONT-SIZE:11pt" colspan=2></TD> <TD class=upper>OUEST</TD> <TD id='par0'> </TD> <TD> </TD> </TR></TBODY>
Sachant que l'utilisateur peut, par exemple supprimer la seconde ligne (<TR id='2'>)
Du coup, ne reste plus en jeu que 2 lignes (<TR id='1'> et <TR id='3'>), et c'est pour cela que je souhaite tester l'existence de l'�l�ment puisque j'effectue un parcours avec une boucle for (de 1 � nombre de lignes) ...

Citation:

Envoy� par javatwister

en tout cas, ton code est bavard et pesant!

C'est-�-dire ?
Possibilit� d'optimiser � ton avis ?

Citation:

Envoy� par javatwister

mais ok pour le coup de la boucle, dans ce sens-l�, �a marche ;)

Je me disais bien ...

23/08/2006, 13h20
javatwister

tu as vraiment plusieurs tbodies dans ton tableau? (c'est con mais je demande)
23/08/2006, 15h33
linar009

Citation:

Envoy� par javatwister

tu as vraiment plusieurs tbodies dans ton tableau? (c'est con mais je demande)

Non pourquoi dis-tu cela ?
23/08/2006, 16h11
javatwister

parce que tu fais r�f�rence �

Code:

tBodies[1];
23/08/2006, 16h55
linar009

Oui bah deux quoi en fait.
C'est pour pouvoir travailler sur la collection rows...