Discussion :

[cerealkiller]

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 :

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

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 !

[SpaceFrog]

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

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

[cerealkiller]

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

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

[E.Bzz]

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

Code :

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

listeImg[i].className=nouvelle_class;

EDIT : au passage

Code :

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

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

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

A+

[SpaceFrog]

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


pour scanner les images de la page :

Code :

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

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

[cerealkiller]

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... ??

[SpaceFrog]

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

[cerealkiller]

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


pour scanner les images de la page :

Code :

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

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

[le_chomeur]

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 :

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

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

[SpaceFrog]

Code :

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

monElement.className="maclasse";

devrait mettre IE et FFX d'accord non ?

[Auteur]

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 :

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

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

mais, je n'ai rien dis moi... ou je me perds vraiment

Code :

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

monElement.className="maclasse";

devrait mettre IE et FFX d'accord non ?

En effet, ça marche pour les deux
J'ai abandonné getAttribute() et setAttribute()