[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() :)