Discussion :

[dede92]

Bonjour,
Pour identifier le parent d'une balise "<img>", je fais :

Code :

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

if (image.parentNode.tagName == 'A')

A l'inverse, je cherche une solution pour detecter et retrouver une balise "<img>" dans une balise "<a>"

Une idée ?
merci d'avance

[SpaceFrog]

chilNode ... nextSibling ...

[Bisûnûrs]

childNode*

[SpaceFrog]

arf

sinon

Code :

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

getElementsByTagName('img')

[Bisûnûrs]

Et si jamais tu veux avoir le nombre d'éléments : childNodes.length

@SpaceFrog : On va dire que c'est juste une erreur d'inattention/faute de frappe. ^^

[dede92]

Ok, merci à tous,
mais mon Pb en fait est, en ayant trouvé effectivement toutes les balies "<a>" avec

Code :

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

var A = document.getElementsByTagName('A');

de savoir si cette balise contient "<img src=.....>"
En d'autres termes, ai je des images "cliquables" ...
Je peu faire

Code :

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

1
2
var BA= document.getElementsByTagName('img');
if (BA[j].parentNode.tagName == 'A')

pour savoir si une balise "<img>" appartient bien à une balise "<a>" mais ça ne m'avance pas ....

[SpaceFrog]

heu oui BisouN child voulant dire enfant dans ma langue maternelle ... ça ne peut être qu'uen erreur de frappe ...

au passage je te nomme mon correcteur officiel

[Bisûnûrs]

@dede92 : Ca devient du schtroumpf-vert et vert-schtroumpf ton truc.

A priori si tu arrives à trouver toutes tes images qui ont pour parent la balise <a>, ça revient au même que de trouver toutes tes balises <a> qui ont pour enfant la balise <img>.

@SpaceFrog : Correcteur de code ou de faute de français/frappe ? Parce que dans le deuxième cas y a du boulot.

[dede92]

@dede92 : Ca devient du schtroumpf-vert et vert-schtroumpf ton truc.

A priori si tu arrives à trouver toutes tes images qui ont pour parent la balise <a>, ça revient au même que de trouver toutes tes balises <a> qui ont pour enfant la balise <img>.

Pas tout a fait, parceque, dans la page j'ai deux types de liens, des liens sur un texte sans images et des liens sur images sabs texte et dans le script que j'essaie d'adapter, le traitement sera different suivant le cas ...
voir ma page de test :
http://www.photosreflex.net/linkthumb/page.htm

[Bisûnûrs]

Tiens, tu peux adapter :

Code :

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

1
2
3
4
5
<a href="#"><img src="image1" /></a>
<br />
<a href="fgrf">texte</a>
<br />
<a href="#"><img src="image2"></a>

Code :

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

1
2
var A= document.getElementsByTagName('a');
alert(A[0].childNodes[0].tagName);

alert(A[0].childNodes[0].tagName); te reverra IMG, soit le premier enfant de la première balise <a>.

Tu n'as plus qu'à faire ta boucle pour avoir A[j].childNodes[0].tagName

[dede92]

Bonjour,
J'ai donc adapté en rajoutant A[j].childNodes[0].tagName, et je récupère bien l'img associée, Merci !
Le problème est quand j'ai plusieurs liens sur images, la miniature affichée sur le premier lien, correspond à celle du dernier lien et a l'emplacement du dernier lien !
http://www.photosreflex.net/linkthumb/page.htm
Je dois avoir un problème au niveau de la creation du "node", mais je comme je maitrise mal les "DOM" ...