this et instance d'objet

Version imprimable

Bonjour,
je souhaiterai utliser un DIV comme une instance d'objet, mais je ne sais pas comment associer mon objet dom (le DIV) avec l'objet js au niveau du constructeur :oops::oops:

js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
/*constructeur*/
function oFrmADD(id){
   // initialisation de l'objet Pobleme!!!!!!!!!!!!!!!!
	this =document.getElementById(id)
}
 
 
// Définition de la fonction «affichage»
 
function fShowHide(display)
{
   // On modifie la propriété «visibility»
   return this.style.visibility=display;
 
 }
 
oFrmADD.prototype.ShowHide = fShowHide;

html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<DIV id='tstfrm' style='visibility:hidden; position:absolute'>
   <table border='1' width='500px'>
  ....
   </table>
</DIV>
<script type="text/javascript">	
FrmAddToc = new oFrmADD('tstfrm');
// Utilisation des méthodes de la classe
//    pour manipuler l'objet
FrmAddToc.ShowHide('visible');
</script>

Merci de votre aide

une solution :

Code:

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
 
function oFrmADD(id){
   var idOfFrm;
}
 
 
// Définition de la fonction «Affichage»
 
function fShowHide(display)
{
   // On modifie la propriété d'«visibility»
   return document.getElementById(this.idOfFrm).style.visibility=display;
 
 }
 
 
oFrmADD.prototype = {
 
setFrmADDId : function(idOfFrm)
		{
			this.idOfFrm = idOfFrm;			
		}	
//, pour les autres 
}
 
//fonction externalisée
 
oFrmADD.prototype.ShowHide = fShowHide;

une suggestion ?

Et un truc comme ça, t'as essayé ?

Code:

1
2
3
4
5
6
7
8
 
function oFrmADD(id){
   var idOfFrm = document.getElementById(id);
   idOfFrm.prototype.ShowHide = function (display) {
                        this.style.visibility=display
                        };
   return idOfFrm;
}