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...