[DOM] Sélectionner un élément

Salut,

J'ai des éléments mis en place de cette façon :

Code:

---

1 2 3 4 5

<p> <label id="idLabel" for="idInput">libellé</label> <input id="idInput" type="text" onclick="maFonction();" /> <span id="idSpan">Ceci est une erreur</span> </p>

---

Ceci est plus ou moins un code généré en asp.net (je n'ai donc pas totalement la main dessus). Dans maFonction() j'ai accès à l'id du span et je souhaiterais en utilisant DOM accéder à l'élément input.

Ma question est donc : Comment en utilisant le Dom, depuis l'id du span je peux accéder à l'input qui est juste avant sans utiliser l'identifiant de l'input? Juste en jouant avec la hierarchie des éléments dans le document.

J'essaye de lire la documentation sur le DOM mais c'est chaud, il n'y a jamais d'exemple.

Merci d'avance.

Code:

---

parentNode.fisrtChild.nextSibling

---

?

J'ai pas encore réussi à utiliser ta porposition. J'ai du mal à écrire du JS utilisant le DOM :oops: . Mais l'idéal est plutôt de faire référence au noeud immédiatement précédent en utilisant previousSibling.

M'enfin je mettrai résolu quand j'aurais trouver comment écrire ma fonction.

Merci pour la piste.

J'ai un problème! étonnant, non?

Code:

---

1 2 3 4

var msgErreur = src.id; var noeud = document.getElementById(msgErreur); var tb = noeud.previousSibling; alert(noeud.tagName +"**"+ tb.tagName);

---

me retourne :

Citation:

---

SPAN**undefined

---

pourtant le noeud existe!
Quelqu'un sait ce qui cloche?

edit : idem avec

Code:

---

var tb = noeud.parentNode.firstChild.nextSibling;

---

et alert (msgerreur) retourne quoi ???
a mon avis le problème vient de là ..

Non désolé, ça me retourne bien l'id du span. Et j'ai pas plus d'info à donner :?

j'avait le meme pb, car FF rajoute des node "text" un peu partotu, voila ma soluition, afin de trouver un span :

Code:

---

1 2 3

while ( id.nodeName != "SPAN" ) { id = id.previousSibling }

---

utilise plutot un nodeCleaner ...

J'ai rien compris à vos deux derniers messages!

Code:

---

parentNode.getElementsByTagName("input")[0];

---

Citation:

---

Envoyé par SpaceFrog

utilise plutot un nodeCleaner ...

---

celui fournit sur le tuto AJAX, pour du XML fonctionnerat il?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function go(c){ if(!c.data.replace(/\s/g,'')) c.parentNode.removeChild(c); } function cleanXML(d){ var bal=d.getElementsByTagName('*'); for(i=0;i<bal.length;i++){ a=bal[i].previousSibling; if(a && a.nodeType==3) go(a); b=bal[i].nextSibling; if(b && b.nodeType==3) go(b); } return d; }

---

si oui, franculo_caoulene, tu passe ton node en parametre et tu recupere un node netoyé des champs parasites, mias je susi pas sur que celui ci marche... il est fait pour du XML, pas pour des objet DOM... donc attend la reponse de la grenouille de l'espace :))

C'est bien le coup du texte en effet. Après l'input de mon exemple j'ai

Citation:

---

€ TTC

---

Mais pas tout le temps, ça m'arrange pas pour faire un truc générique :evil:
Je vais voir, merci à vous.

pas besoin de passer par ajax...
jusqte la focntion nodeCleancer dans le head et tu la lances sur le body onload ...
ça nettoie tous les nodes inutiles

Citation:

---

Envoyé par SpaceFrog

pas besoin de passer par ajax...
jusqte la focntion nodeCleancer dans le head et tu la lances sur le body onload ...
ça nettoie tous les nodes inutiles

---

c'est une focntion integrée a JS?

Je me suis fourvoyé, j'ai oublié que je voulais utiliser différentes mises en forme, comme par exemple :

Code:

---

1 2 3 4 5 6 7 8

<p> <label id="idLabelQte" for="idInputQte">libellé qte</label> <input id="idInputQte" type="text" onclick="maFonctionInt();" /> <label id="idLabelMonnaie" for="idInputMonnaie">libellé monnaie</label> <input id="idInputMonnaie" type="text" onclick="maFonctionMonnaie();" /> <span id="idSpanQte">Ceci est une erreur</span> <span id="idSpanMonnaie">Ceci est une erreur</span> </p>

---

Donc utiliser la hierarchie est une mauvaise idée. Je vais devoir imposer une nomanclature et jouer avec les id.

Ce fut très très intéressant tout de même, j'ai appris aujourd'hui :D

Merci.

ben non hansa elle n'est pas intégrée, puisque c'est celle qyue tu as trouvé ...
tu la colle dans le head et tu fait juste

Code:

---

1 2	<body onload="cleanXML(document.body)" >

---