[DOM] pointer un �l�ment en fonction de ses css

Bonjour,

Mon probl�me est simple, mais j'ai d�cid�ment beaucoup de mal avec l'ergonomie du js...

Je dois pouvoir pointer dans mon document une image si et seulement si sa largeur est �gale � 138px, auquel cas, par la suite, je dois pouvoir lui attribuer une propri�t� css en plus.

pour la premi�re partie, fastoche (si je ne m'abuse) :

Code:

---

if ($('id').img.height=='138')

---

mais alors comment lui faire un petit setStyle � cette image, qui n'a pas d'id, rien du tout. ?? J'imagine qu'une variable peut contenir "cette image dans le dom dont la hauteur est de 138px", non ?

Merci !

oul� j'ai le complexe du cornflakes ... j'ai rien compris ...

pointer ???
quel est le but final ???

Et bien comme je le pr�cise, le but final est de pouvoir ajouter une propri�t� css en plus � une image du document si et seulement si sa largeur est de 138px (petite pr�cision les tailles des images sont elles-m�me contr�l�es en javascript, donc ce n'est pas toujours la m�me qui fait 138px de large... et je dois la retrouver par la suite pour lui attribuer via setStyle une propri�t� css en plus)...

Niveau algo :
- tu r�cup�res ta collection d'image ( getElementsByTagName("img") )
- parcours de ta collection en v�rifiant la largeur : ( if(listeImg[i].width == "138")
- si oui tu affecte une class : className ... ( j'ai un trou pour l'affectation sous ie ou firefox , spafyyyyyyyyyy ? )

Citation:

---

Envoy� par le_chomeur

- si oui tu affecte une class : className ... ( j'ai un trou pour l'affectation sous ie ou firefox , spafyyyyyyyyyy ? )

---

Code:

---

listeImg[i].className=nouvelle_class;

---

;)

EDIT : au passage

Code:

---

if(listeImg[i].style.width == "138"

---

Et les "px" g�neront peut-�tre le test ...

A+

a quel moment sur quel ev�nement
et largeur ou hauteur ???


pour scanner les images de la page :

Code:

---

1 2 3 4 5 6

var TabImages=document.getElementsByTagName('img') var NrImg=TabImages.length var TooLarge=new Array() for (i=0;i<NrImg;i++){ if (TabImages[i].offsetWidth>138){TooLarge.push(TabImages[i])} }

---

et l� dasn toolarge tu as l'enseble des images de la page qui ont une largeur sup�rieur � 138 px ...

Citation:

---

Envoy� par le_chomeur

Niveau algo :
- tu r�cup�res ta collection d'image ( getElementsByTagName("img") )
- parcours de ta collection en v�rifiant la largeur : ( if(listeImg[i].width == "138")
- si oui tu affecte une class : className ... ( j'ai un trou pour l'affectation sous ie ou firefox , spafyyyyyyyyyy ? )

---

bin justement c'est pour cette affectation que je bloque ; en tout cas c'est une bonne piste de r�cup�rer la liste sous forme d'array, mais comment retrouver le num�ro de l'image dont le width est �gal � 138 (donc ce [i]), afin de pouvoir faire listeImg[3].setStyle... ??

Lol fillot ^^
tu as pens� au m�me array que moi

Citation:

---

Envoy� par SpaceFrog

a quel moment sur quel ev�nement
et largeur ou hauteur ???


pour scanner les images de la page :

Code:

---

1 2 3 4 5 6

var TabImages=document.getElementsByTagName('img') var NrImg=TabImages.length var TooLarge=new Array() for (i=0;i<NrImg;i++){ if (TabImages[i].offsetWidth>138){TooLarge.push(TabImages[i])} }

---

et l� dasn toolarge tu as l'enseble des images de la page qui ont une largeur sup�rieur � 138 px ...

---

Ouais ! super, je teste �a tout de suite ! Merci bcp...

lol les grand esprit se rencontrent ;)
tu as tap� le code de mon algo lol
Merci auteur pour mon pti trou de m�moire , mais si je ne me trompe l'affectation d'une classe n'est pas la m�me sous ie et firefox ???

sinon habituellement je fais �a :

Code:

---

1 2	monElement.setAttribute("class","maclasse"); monElement.setAttribute("className","maclasse");

---

:)

Code:

---

monElement.className="maclasse";

---

devrait mettre IE et FFX d'accord non ?

Citation:

---

Envoy� par le_chomeur

l
Merci auteur pour mon pti trou de m�moire , mais si je ne me trompe l'affectation d'une classe n'est pas la m�me sous ie et firefox ???

sinon habituellement je fais �a :

Code:

---

1 2	monElement.setAttribute("class","maclasse"); monElement.setAttribute("className","maclasse");

---

:)

---

mais, je n'ai rien dis moi...8O ou je me perds vraiment :aie: :marteau:

Citation:

---

Envoy� par SpaceFrog

Code:

---

monElement.className="maclasse";

---

devrait mettre IE et FFX d'accord non ?

---

En effet, �a marche pour les deux :D
J'ai abandonn� getAttribute() et setAttribute() :)