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 :

classes en Javascript.


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mai 2006
    Messages : 70
    Par défaut classes en Javascript.
    Bonjour à vous, en lisant un peu sur le web sur les classes en Javascript, j'ai réussi à bidouiller un validateur de formulaire intéressant, mais quelque chose m'échappe :

    J'ai deux instance d'une même classe déclarée avec des paramètres propres à chacune (nom, etc.)

    Le problème est que lorsque je veux récupérer (code interne de la classe)la propriété nom de mon objet il me donnera toujours le nom de la dernière instance créée

    Par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var test1 = new FormValidation('test1');
    var test2 = new FormValidation('test2');
    Dans le code je fait une alerte et 'test2' est toujours affiché même si je suis sur l'objet test1

    Je dois mal m'y prendre....et j'utilise prototype avec aussi du jquery dans la classe

    Merci de votre aide

  2. #2
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par défaut
    Citation Envoyé par kaptnkill Voir le message
    Bonjour à vous, en lisant un peu sur le web sur les classes en Javascript, j'ai réussi à bidouiller un validateur de formulaire intéressant, mais quelque chose m'échappe :

    J'ai deux instance d'une même classe déclarée avec des paramètres propres à chacune (nom, etc.)

    Le problème est que lorsque je veux récupérer (code interne de la classe)la propriété nom de mon objet il me donnera toujours le nom de la dernière instance créée

    Par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var test1 = new FormValidation('test1');
    var test2 = new FormValidation('test2');
    Dans le code je fait une alerte et 'test2' est toujours affiché même si je suis sur l'objet test1

    Je dois mal m'y prendre....et j'utilise prototype avec aussi du jquery dans la classe

    Merci de votre aide
    Et si tu nous donnais le code de FormValidation ?

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mai 2006
    Messages : 70
    Par défaut
    Ouais j'y ai pensé...il est vraiment long...donc je l'ai réduit un peu
    Voici le constructeur:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    FormValidation = function(formName, required, absolutePositioning, verbose){
    	this._formName = formName;
    	this._required = (required != undefined)? required : "";
    	this._required = this._required.split("|");
    	this._absolutePositioning = (absolutePositioning != undefined)? absolutePositioning : true;
    	this._verbose = (verbose != undefined) ? verbose : false;
    	this.setUpValidation(this);
    	this.getRequired = function(){
    		alert('REQUIS ' + this._required );
    	}
    }
    Voici la fonction appelée à l'interne qui me donne toujours la valeur de la dernière instance créée :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    FormValidation.prototype.checkSubmit = function(form, required, checkOnly){
    	this.getRequired(); //donne moi la bonne valeur de la variable!!!
            //selon l'exemple cela donne toujours 'test2'..... (aussi avec this._required)
    }
    Et voici comment j'ajoute l'appel de cette fonction sur un submit :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    FormValidation.prototype.setUpValidation = function(e) {
    	$scope = e;
    	$(form).submit(function(){
    		return  $scope.checkSubmit($(form),this._required); 	//this._required est ok à cet endroit, mais pas dans la fonction checkSubmit	   
    	})
    }
    J'ai vérifié et de l'externe, la variable this._required est la bonne, mais de l'interne elle garde la dernière valeur? Pourtant dans le code suivant :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $(form).submit(function(){				
    	return $scope.checkSubmit($(form),$required); 			   	   
    })
    ...c'est le bon formulaire qui est passé, j'ai bien vérifié...

    Merci

  4. #4
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    FormValidation.prototype.setUpValidation = function(e) {
    	$scope = e;
    	$(form).submit(function(){
    		return  $scope.checkSubmit($(form),this._required); 	//this._required est ok à cet endroit, mais pas dans la fonction checkSubmit	   
    	})
    }
    sans certitude (n'étant pas très familier du jQuery), je dirai que ton erreur se situe là, lorsque tu éxecutes cette fonction, ça rajoute le e.checkSubmit au "onsubmit" de tous tes "form" avec le même et unique "e" qui deviendra le "this" dans checkSubmit. (donc un seul et unique objet formvalidation)

    edit: je ne suis pas sûr de comprendre ton code, si tu pouvais déjà nous en dire plus sur la nature du paramètre "e" passé à cette fonction. sinon je te proposerai à froid de tester :
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    FormValidation.prototype.setUpValidation = function(e) {
            var $scope = this;
    	$(form).submit(function(){
    		return  $scope.checkSubmit(e,this._required); 	//this._required est ok à cet endroit, mais pas dans la fonction checkSubmit	   
    	})
    }

  5. #5
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Citation Envoyé par kaptnkill Voir le message
    Bonjour à vous, en lisant un peu sur le web sur les classes en Javascript, ...
    Intéressant
    En revanche, ça n'existe pas.

    Bon, j'imagine de quoi tu veux parler : le procédé consistant à mettre en place, en JS, les mécanismes classiques des langages objet "à classes".

    Mais permets-moi de te poser cette question (enfin, ce n'est pas pour moi, plutôt pour te donner l'occasion de te la poser toi-même ^^) :

    >>> pour quoi faire ?

    JS est un langage objet "à prototype", ce qui est un paradigme à part entière, avec ses avantages et ses inconvénients. Est-il pertinent de choisir un outil pour ensuite le tordre afin de le faire rentrer dans un moule inadapté ? Si on veut inverser l'exemple, que penser d'un projet en .NET dans lequel on aurait reconstruit tout le principe des langages à prototype... ? Personnellement je n'en vois pas l'utilité immédiate.

    En dehors de ces considérations toutes théoriques, un détail en passant : pour initialiser les valeurs de ton objet, tu peux passer par cette syntaxe plus légère et plus lisible à la fois, basée sur l'opérateur "||" :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    this._required = required || "";

  6. #6
    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 : 54
    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
    Je dois mal m'y prendre....
    Oui, il semblerait
    et j'utilise prototype avec aussi du jquery dans la classe
    Je pense qu'un début de réponse est caché dans cette phrase...
    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

  7. #7
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Oui, il semblerait

    Je pense qu'un début de réponse est caché dans cette phrase...
    Citation Envoyé par kaptnkill
    et j'utilise prototype avec aussi du jquery dans la classe
    Il parait qu'en rajoutant mootools et ExtJS ça tourne encore mieux

    /sarcasmes off
    >>> je pense que Bovino évoque la multiplication des librairies comme facteur de confusion et de conflits ^^

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    70
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mai 2006
    Messages : 70
    Par défaut
    si tu pouvais déjà nous en dire plus sur la nature du paramètre "e" passé à cette fonction
    this.setUpValidation(this); //e = this ... le constructeur

    this._required = required || "";
    Merci j'en prends note...

    Je vois que j'ai enflammé certaines personne avec mon idée absurde de vouloir travailler en Javascript avec le principe de classes, sachant bien que le langage Javascript n'est pas un langage orienté objet...

    >>> pour quoi faire ?
    Bien, pour avoir du code un peu plus organisé, si tu as une autre idée, je suis preneur

    Je pense qu'un début de réponse est caché dans cette phrase..
    Ce qui veut dire? :>>> je pense que Bovino évoque la multiplication des librairies comme facteur de confusion et de conflits ^^ Dac! Capté

    Merci de votre aide

  9. #9
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    Donne-nous toute ta page, ce sera plus simple.

  10. #10
    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 : 54
    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
    Citation Envoyé par kaptnkill
    Ce qui veut dire? :>>> je pense que Bovino évoque la multiplication des librairies comme facteur de confusion et de conflits ^^ Dac! Capté
    Oui... en gros, tu manipules des contextes et des objets assez divers, en particulier les objets jQuery. Donc la perte de référence ou autres joyeusetés peuvent apparaitre facilement
    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

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

Discussions similaires

  1. [JavaScript] Changer le style de tous les éléments d'une même classe en javascript
    Par dragonno dans le forum Contribuez
    Réponses: 1
    Dernier message: 12/10/2018, 19h09
  2. Faire des classes en Javascript
    Par penguin50 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/06/2008, 14h08
  3. Appeler une classe CSS avec Javascript
    Par p0Kep0K dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/02/2006, 14h50
  4. [POO] Question class php=>javascript
    Par jeff_! dans le forum Langage
    Réponses: 4
    Dernier message: 05/01/2006, 15h10
  5. [JavaScript] Changer la class CSS via l'id
    Par Romalafrite dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/11/2005, 15h30

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