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 :

Premier essai en POO


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 571
    Points : 803
    Points
    803
    Par défaut Premier essai en POO
    Bonjour à tous,
    Fort de mon expérience POO en PHP, j'essaie de réécrire complètement un code JS très lourd (c'est moi qui l'ai écrit) en programmation orientée objet en JS et bien sûr, je ne m'en sors pas.
    Le but est de composer des lignes de badge. Une ligne de badge est représentée par deux lignes d'un tableau. La première ligne du tableau sert à définir le style css, la seconde le contenu.
    Voici le début de mon code
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    console.log(fromPHPtoJS); // Transmission de variables depuis php. Certains noms ont été modifiés
    var //form22		= document.querySelector('#form22'),
    	addLine		= document.querySelector('#addLine');
    	//recallList	= document.querySelector('#recallList'),
    	//delSave		= document.querySelector('#delSave'),
     
    var badgeLinesCount	= 0,
    	badgeLines		= [],
    	styleCells		= [], // Ensemble des cellules de la ligne de style
    	styleCell		= {}; // Caractéristiques d'une cellule de style (contenu dans styleCells)
     
    const styleCellNb = 8;
     
    // Ajout d'une ligne de badge
    function AddBadgeLine(lStyle, lContent) {
    	this.lStyle		= document.createElement('tr'); // Ligne de formatage
    	this.lContent	= document.createElement('tr'); // Ligne de donnée
    	console.log(24,this.lStyle);	// [object HTMLTableRowElement]
    	console.log(25,this.lContent);	// [object HTMLTableRowElement]
    	this.addCell = function (line, value, rowspan) { // line = lStyle ou lContent
    		styleCells.push(document.createElement('td'));
     
    	}
    }
     
     
    // Ecouteur ajout ligne de badge
    addLine.addEventListener('click', function() {
    	badgeLines.push(new AddBadgeLine());
    }, false);
     
    console.log(badgeLines);
    En php, j'aurais créé une classe pour l'ajout de cellule, mais il me semble qu'en JS, c'est plus intéressant de le mettre en méthode du constructeur. Quoi qu'il en soit mon code ne marche pas et la dernière ligne retourne un tableau vide.
    Edit: Ajout de la console, Ajout de commentaires dans le code.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 112
    Points
    44 112
    Par défaut
    Bonjour,
    Quoi qu'il en soit mon code ne marche pas et la dernière ligne retourne un tableau vide.
    sans rentrer dans les détails au moment de l'appel de ton console.log ton tableau est vide, il n'y pas encore eu de click.

    Essaie en déplaçant l'appel
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    // Ecouteur ajout ligne de badge
    addLine.addEventListener('click', function() {
        badgeLines.push(new AddBadgeLine());
        console.log(badgeLines);
    }, false);

  3. #3
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 72
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 571
    Points : 803
    Points
    803
    Par défaut
    Merci, je vois. Mais sans rentrer moi non plus dans les détails, j'ai fait plusieurs confusions en construisant ce code. Je suis donc en train de le réécrire en créant des constructeurs pour travailler réellement en POO pour créer les différents éléments de mon tableau (lignes, cellules, contenu des cellules).
    J'abandonne donc ce sujet et le marque comme résolu.

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

Discussions similaires

  1. [PHP 5.2] [POO] Premier essai de POO
    Par lossendae dans le forum Langage
    Réponses: 4
    Dernier message: 29/03/2009, 00h26
  2. SPRING ONE : premiers essais (réussis), premières questions
    Par gifffftane dans le forum Mandriva / Mageia
    Réponses: 1
    Dernier message: 12/05/2007, 15h58
  3. [Débutant] Premier essai DirectX9 - Question
    Par stebar dans le forum DirectX
    Réponses: 4
    Dernier message: 30/12/2005, 15h39
  4. [Kylix] Premier essai
    Par alcaloide dans le forum EDI
    Réponses: 7
    Dernier message: 24/12/2005, 16h14

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