[POO] Calendrier et passage d' objet en parametre

Version imprimable

Bonjour,

Voila je voudrais créer un objet javascript Calendrier de facon à l' appeler plusieurs fois dans ma page, l' idée est la suivante :

Code:

1
2
3
4
5
 
<script>
  toto = new Calendrier( id, jour, mois, annee );
  toto.afficher();
</script>

Dans cette fonction afficher j' ai un prototype du genre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function Calendrier( id, jour, mois, annee ) {
  this.id = id;
  this.jour = jour;
  this.mois = mois;
  this.annee = annee;
}
 
function popc( objet ) {
  alert( objet.id );
}
 
Calendrier.prototype.afficher = function () {
  document.write( '<a href="#" onclick="popc( this )">Test</a>' );
}

Ou alors :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function Calendrier( id, jour, mois, annee ) {
  this.id = id;
  this.jour = jour;
  this.mois = mois;
  this.annee = annee;
}
 
Calendrier.prototype.popc = function() {
  alert( this.id );
}
 
Calendrier.prototype.afficher = function () {
  document.write( '<a href="#" onclick="this.popc()">Test</a>' );
}

Les deux ne marchent pas et je cherche à passer mon objet en parametre, comment faire ?

j+

01/11/2004, 22h33
Invité

salut

et en transmettant l'id de ton objet, puis en l'appelant grace à la fonction document.getElementById() ?

Code:

document.write( '<a href="#" onclick="popc( this.id )">Test</a>' );

:idea: :?:

Salut

Salut,

Merci déjà de ta réponse, je me sens un peu moins seul avec mon problème en ce jour grisaillant...

Mais à mon sens getElementById est fait pour agir sur un noeud, alors que là dans mon cas c' est une variable ici un objet que je voudrais passer par un evenement onclick...

Le truc qui devrait marché c' est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function Calendrier( id, jour, mois, annee ) { this.id = id; this.jour = jour; this.mois = mois; this.annee = annee; } Calendrier.prototype.popc = function() { alert( this.id ); } Calendrier.prototype.afficher = function () { document.write( '<a href="#" onclick="this.popc()">Test</a>' ); }
Mais IE dit qu' il ne gére pas çà...

Sinon le truc statique qui marche c' est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function Calendrier( id, jour, mois, annee ) { this.id = id; this.jour = jour; this.mois = mois; this.annee = annee; } function popc() { alert( toto.id ); } Calendrier.prototype.afficher = function () { document.write( '<a href="#" onclick="popc()">Test</a>' ); } toto = new Calendrier( id, jour, mois, annee ); toto.afficher();
Du coup j' ai bien essayer de passer 'toto' en parametre du style :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function Calendrier( id, jour, mois, annee ) { this.id = id; this.jour = jour; this.mois = mois; this.annee = annee; } function popc( objet ) { alert( objet.id ); } Calendrier.prototype.afficher = function () { document.write( '<a href="#" onclick="popc( this )">Test</a>' ); }
Et hop c' est repartis pour un tour sachant que popc( this ) est une erreur de syntaxe !

j+

j+

01/11/2004, 23h53
Invité

oui, pardon :oops:, je me suis un peu emballé.

mais toi aussi, car ceci :

Citation:

Envoyé par julienr

Code:

document.write( '<a href="#" onclick="this.popc()">Test</a>' );

ne passe en aucun cas l'objet Calendrier en parametre, mais l'objet <a> :!: en effet cette ligne est rajoutee au code HTML de la page, et l'objet Calendrier y est inconnu...

c'est pour ça que je maintiens mon idee de passer un id en parametre, car je te propose de faire un tableau associant les id de tes Calendriers avec les objets (pour retrouver un objet à partir de son id) :idea: :?:
02/11/2004, 00h03
julienr

En effet je m' embrouille un peu avec le this de mon objet et le this du 'html'... Je vais donc revoir les choses sous un autre angle et remanier le code...

j+

10 ans plus tard....

Salut,

c'est un peu tard mais ca pourra peut-être servir à d'autre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function Calendrier( id, jour, mois, annee ) { this.id = id; this.jour = jour; this.mois = mois; this.annee = annee; this.popc = function() { alert( this.id ); } this.afficher = function () { document.write( '<a href="#" onclick="this.popc()">Test</a>' ); } }
Si tu fais ca, tu n'aura aucun problème avec this, ce sera le this de ta classe dont il s'agira.

a+