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] ciblage d'un �l�ment en DOM


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Inscrit en
    Octobre 2005
    Messages
    908
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2005
    Messages : 908
    Par d�faut [jQuery] ciblage d'un �l�ment en DOM
    Bonjour � toutes et � tous,

    je n'arrive pas � cibler correctement certaines <img> via jQuery
    Pour le moment, j'utilise :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    $('img').click(
    	function() {alert("Hello world");}
    )
    mais j'aimerais �tre plus pr�cis au niveau du ciblage.
    J'aimerais par exemple, cibler toutes les images dont l'id commence par 'abcd', comme ci-dessous :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <img id="abcd1" src="" title="" />
    <img id="abcdef" src="" title="" />
    <img id="abcd-xxx" src="" title="" />
    et pas :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <img id="eee" src="" title="" />
    <img src="" title="" />
    Je pense que cela est possible mais je d�bute avec ce framework...
    Merci d'avance

  2. #2
    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
    Bonjour,
    pour ce framework, je sais pas, mais avec le DOM :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    var les_img = document.getElementsByTagName('img');
    for (i=0; i<les_img.length; i++)
    if (les_img[i].id.substr(0,4) == 'abcd')
    les_img[i].onclick=function() {alert("Hello world");}
    A+

  3. #3
    Membre chevronn� Avatar de rberthou
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    612
    D�tails du profil
    Informations personnelles :
    �ge : 61
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 612
    Par d�faut
    Tu dois pouvoir r�aliser cela tr�s simplement avec la commande filter
    voir http://docs.jquery.com/Tutorials:How_jQuery_Works

    Un truc dans le style
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
     
    $('img').filter("expr-reg").click(
    	function() {alert("Hello world");}
    )

  4. #4
    Membre �clair�
    Inscrit en
    Octobre 2005
    Messages
    908
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2005
    Messages : 908
    Par d�faut
    E.Bzz : Merci mais je savais le faire de cette mani�re...
    rberthou : J'ai pas r�ussi � utiliser ta m�thode.

    Mais apr�s pas mal de recherches, j'ai enfin trouv� mon bonheur....
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    $('img[id^=abcd]').click(
    	function() {alert("Hello world");}
    )
    En faite, c'est m�ga simple.

    $('img[id^=abcd]') r�cup�re toutes les images dont l'attribut id commence par abcd
    $('img[id$=abcd]') r�cup�re toutes les images dont l'attribut id se termine par abcd
    $('img[id#=abcd]') r�cup�re toutes les images dont l'attribut id contient abcd

    trop fort jQuery

    @+

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

Discussions similaires

  1. [DOM] Suppression d'un �l�ment d'un sitemap
    Par Ptite Pupuce dans le forum Biblioth�ques et frameworks
    R�ponses: 7
    Dernier message: 20/10/2007, 23h52
  2. [DOM] Placer des �l�ments du DOM dans un array()
    Par strat0 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 03/08/2007, 15h06
  3. [DOM] ciblage d'un �l�ment
    Par unplugged dans le forum Biblioth�ques et frameworks
    R�ponses: 1
    Dernier message: 28/03/2007, 17h39
  4. [POO & DOM] programation js par enrichissement des �l�ments du DOM
    Par sekaijin dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 07/01/2007, 15h25
  5. [DOM] Insertion d'�l�ments avec DOM
    Par TheReturnOfMuton dans le forum Format d'�change (XML, JSON...)
    R�ponses: 4
    Dernier message: 27/06/2006, 15h33

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