existence d'un élément

**dor_boucle** · 24/02/2006, 08h40

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 :

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

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

comment tester l'existence de "mon_element" ?
merci d'avance et bonne journée.

**SpaceFrog** · 24/02/2006, 09h14

le plus simplement du monde ...

Code :

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

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

**dor_boucle** · 24/02/2006, 09h30

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 :

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

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

**dor_boucle** · 24/02/2006, 09h44

j'ai trouvé, punaise j'ai tout testé...

dans mon fichier où est declaré le register je met :

Code :

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

1
2
register : function(sheet){
		if (document.simul){

et pas document.getElement By Id etc etc...
ouf !
bonne journée !

**linar009** · 22/08/2006, 10h02

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.

**javatwister** · 22/08/2006, 10h04

bien sûr que ça marche!

seulement, exécute le code de spacefrog à la fin du chargement;

**linar009** · 22/08/2006, 10h11

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.

**javatwister** · 22/08/2006, 10h14

é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;

**linar009** · 22/08/2006, 10h17

Code :

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

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;
			}
		}
		
	}
}

**linar009** · 22/08/2006, 10h19

Je précise que mon getElementById(i) fait bien référence à la ligne de mon tableau (<TR id=2>...</TR>).

**FremyCompany** · 22/08/2006, 12h02

Code :

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

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

?
Et si tu mettrais l2 comme id ?

**linar009** · 23/08/2006, 09h38

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;

Je ne vois pas en quoi une condition fausse dans une boucle stopperait la boucle ...

**linar009** · 23/08/2006, 09h40

Envoyé par FremyCompany

Code :

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

		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 ?

**javatwister** · 23/08/2006, 09h47

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

**linar009** · 23/08/2006, 10h00

Envoyé par javatwister

un peu de html aussi, ste plaît?

en gros :

Code :

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

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'>&nbsp;</TD>
  <TD>&nbsp;</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'>&nbsp;</TD>
  <TD>&nbsp;</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'>&nbsp;</TD>
  <TD>&nbsp;</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) ...

Envoyé par javatwister

en tout cas, ton code est bavard et pesant!

C'est-à-dire ?
Possibilité d'optimiser à ton avis ?

Envoyé par javatwister

mais ok pour le coup de la boucle, dans ce sens-là, ça marche

Je me disais bien ...