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 :

Tableau d'élément du DOM (plus précisément de div)


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    élève ingénieur
    Inscrit en
    Juillet 2013
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Koweït

    Informations professionnelles :
    Activité : élève ingénieur
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Juillet 2013
    Messages : 18
    Points : 10
    Points
    10
    Par défaut Tableau d'élément du DOM (plus précisément de div)
    Bonjour à tous,

    Je bloque depuis plusieurs heures sur un petit problème.

    Voilà j'ai plusieurs éléments "div" dont j'aimerais modifier le texte. Chaque "div" un "id" de type : "balise1", "balise2", "balise3" etc. J'ai aussi un "textArea" dont le contenu est rédigé par des utilisateurs. Donc je ne connais pas leur contenu par avance. Je sais juste que ces utilisateurs mettront certains mots ou groupes de mots entre certaines balises que j'ai créée moi-même. Voici un exemple de texte qui peut-être écrit :

    "Ceci est un test. J'ai des [balise]balises[/balise1] et aussi d'autres expressions que je mets dans une balise différente comme ici [balise2]blabla[/balise2] mais j'ai aussi des balises dont le nom est totalement différent comme ici [test]lol blabla lol[/test]"



    En gros en langage simplifié j'aimerais créer un tableau composé des éléments div dont j'aimerais modifier le contenu à l'aide d'une boucle for.

    J'ai un tableau qui stocke toutes les termes entre les balises. Et ainsi la boucle for serait de la forme suivante :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    var array_balise; (en imaginant que ce tableau est déjà complet composé des textes entre les différentes balises)
    var element_div=["div1","div2", etc.];
    var i;
    for (i=0;i<length.array_balise;i++){
         element_div[i].html(element_div[i]; // Ici je veux juste montrer que je veux mettre le ième élément du tableau contenant le texte entre les balises dans le ième div.
    }

    Ce code est un code faux mais je pense que cela est clair pour comprendre ce que je cherche à faire. En tous les cas je l'espère !

    Merci d'avoir pris le temps de me lire,

    Amicalement,

    Proginfme.

    PS : Pour le moment j'utilise la librairie Jquery et je pense qu'on peut y arriver avec celle-ci mais je n'y arrive pas !!!
    PPS : Je continue à chercher :/

  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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    en jquery avec le selecteur "id commence par" ...


  3. #3
    Membre à l'essai
    Homme Profil pro
    élève ingénieur
    Inscrit en
    Juillet 2013
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Koweït

    Informations professionnelles :
    Activité : élève ingénieur
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Juillet 2013
    Messages : 18
    Points : 10
    Points
    10
    Par défaut
    Merci à toi pour cette réponse rapide.

    Du coup si je souhaite créer un tableau de "div" je vais comme cela :

    var array = [$("[id^='balise1']"),$("[id^='balise1']")] par exemple ?

    Bon je vais tester. De toute façon c'est en se crashant qu'on progresse en informatique ^^

    EDIT : oh purée ça marche !!

    Merci

  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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    est la collection des elements du DOM ayant un id qui commence par "balise"

    Tu pourras ensuite boucler dessus avec un .each() si besoin ou lui appliquer directement des méthodes Jquery ...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. tableau d'éléments structurés?
    Par eultartuffe dans le forum Delphi
    Réponses: 7
    Dernier message: 05/10/2006, 21h51
  2. [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
  3. Réponses: 18
    Dernier message: 27/06/2006, 13h26
  4. Parcourir tableau d'éléments
    Par magikman dans le forum Général JavaScript
    Réponses: 21
    Dernier message: 20/04/2006, 14h48
  5. Tableau d'éléments de type variable
    Par Drooxy dans le forum Langage
    Réponses: 4
    Dernier message: 16/03/2003, 15h20

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