IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    26
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 26
    Par d�faut [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 : 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 !

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    oul� j'ai le complexe du cornflakes ... j'ai rien compris ...

    pointer ???
    quel est le but final ???
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    26
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 26
    Par d�faut ?
    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)...

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    26
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 26
    Par d�faut
    Citation Envoy� par SpaceFrog Voir le message
    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...

  6. #6
    Expert confirm�
    Avatar de le_chomeur
    Profil pro
    D�veloppeur informatique
    Inscrit en
    F�vrier 2006
    Messages
    3 653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 3 653
    Par d�faut
    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");

  7. #7
    Expert confirm�
    Avatar de le_chomeur
    Profil pro
    D�veloppeur informatique
    Inscrit en
    F�vrier 2006
    Messages
    3 653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 3 653
    Par d�faut
    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 ? )

  8. #8
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Citation Envoy� par le_chomeur Voir le message
    - 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+

  9. #9
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    26
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 26
    Par d�faut
    Citation Envoy� par le_chomeur Voir le message
    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... ??

  10. #10
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Lol fillot ^^
    tu as pens� au m�me array que moi
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [Requ�te] Tri d'�l�ments en fonction de deux heures diff�rentes
    Par Grandchon dans le forum Requ�tes et SQL.
    R�ponses: 2
    Dernier message: 02/05/2007, 18h45
  2. [XSLT] Texte d'un �l�ment, mais pas de ses enfants
    Par PierreY dans le forum XSL/XSLT/XPATH
    R�ponses: 2
    Dernier message: 28/02/2007, 10h22
  3. R�ponses: 4
    Dernier message: 10/06/2006, 11h58
  4. [DOM] Ins�rer un �l�ment � un endroit pr�cis du DOM
    Par pekka77 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 11/05/2006, 12h47
  5. [DOM] S�lectionner un �l�ment
    Par franculo_caoulene dans le forum G�n�ral JavaScript
    R�ponses: 15
    Dernier message: 30/03/2006, 14h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo