Discussion :

[julienr]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

[Invité]

salut

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

:

[julienr]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

[Invité]

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

mais toi aussi, car ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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) :

[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+

[grolion]

Salut,

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

Code :

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
 
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+