Discussion :

[franculo_caoulene]

Salut,

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

Code :

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

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.

[SpaceFrog]

Code :

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

parentNode.fisrtChild.nextSibling

?

[franculo_caoulene]

J'ai pas encore réussi à utiliser ta porposition. J'ai du mal à écrire du JS utilisant le DOM . 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.

[franculo_caoulene]

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

Code :

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

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

me retourne :

SPAN**undefined

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

edit : idem avec

Code :

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

var tb = noeud.parentNode.firstChild.nextSibling;

[SpaceFrog]

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

[franculo_caoulene]

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

[hansaplast]

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

Code :

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

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

[SpaceFrog]

utilise plutot un nodeCleaner ...

[franculo_caoulene]

J'ai rien compris à vos deux derniers messages!

[javatwister]

Code :

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

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

[hansaplast]

utilise plutot un nodeCleaner ...

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

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

[franculo_caoulene]

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

€ TTC

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

[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

[hansaplast]

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?

[franculo_caoulene]

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

Code :

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

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

Merci.

[SpaceFrog]

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 :

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

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