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

jQuery Discussion :

Utiliser une arbo htmlDom mise dans une variable


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 1
    Par défaut Utiliser une arbo htmlDom mise dans une variable
    Bonjour,
    A part JQuery, je programme en Action script avec lequel on peut faire par ex :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
       skin.theBody.oneBloc.theHeader.doSomething();
    où skin contient l'instance theBody qui contient oneBloc qui contient theHeader qui contient et exécute la méthode doSomething().
    Si oneBloc contient 2 autres instances similaires (theMain et theFoot par ex), il faut mieux faire,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
       var myArbo = skin.theBody.oneBloc;
       myArbo.theHeader.doSomething();
       myArbo.theMain.doSomething();
       myArbo.theFoot.doSomething();
    ainsi à l’exécution le ciblage de oneBloc ne se fait qu'une seul fois.

    Je débute en JQuery/JS et ai cru (bêtement) pouvoir faire l'équivalent, en essayant par ex :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
       var myArbo=$("div#skin #theBody #oneBloc");
       myArbo(".theHeader").doSomething(); // theHeader est une class css.
       myArbo(".theMain").doSomething();  // etc...etc
    ça ne marche pas comme vous le savez !

    La question est...the question is,
    Comment implémenter en JQuery, le principe décrit ci-dessus en AS ? C'est bien ce principe -à l'exécution- qui m’intéresse et non pas un code qui fonctionne autrement. Car j'ai déjà constaté par ex. que :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
       var aString="div#skin #theBody #oneBloc.";
       $(aString+"theHeader").doSomething();
       $(aString+"theMain").doSomething(); // etc
    fonctionne très bien.

    Merci et bonne journée.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Faut pas confondre une structure d'objet avec des sélecteurs jQuery !

    Tu devrais regarder comment fonctionne jQuery pour cibler des éléments de la page.
    Introduction à la bibliothèque JavaScript jQuery
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Je pense que ce que tu cherches à faire s'écrit ainsi:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    var myArbo=$("div#skin #theBody #oneBloc");
    $(".theHeader", myArbo).doSomething();
    $(".theMain", myArbo).doSomething();
    C'est la fonction JQuery avec un sélecteur et un context

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    D'autre part,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var myArbo=$("div#skin #theBody #oneBloc");
    est assez maladroit... Vu qu'un id doit être unique dans la page,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var myArbo=$("#oneBloc");
    est amplement suffisant !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Réponses: 10
    Dernier message: 11/01/2015, 23h57
  2. Réponses: 4
    Dernier message: 03/04/2010, 12h05
  3. Réponses: 9
    Dernier message: 13/03/2008, 01h34
  4. insertion dans une table puis update dans une autre table
    Par uptoditime dans le forum VBA Access
    Réponses: 5
    Dernier message: 10/10/2007, 18h08
  5. Recherche de valeur dans une feuille et affichage dans une autre
    Par Zebulon777 dans le forum Macros et VBA Excel
    Réponses: 8
    Dernier message: 15/05/2007, 09h40

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