Forum Alsacréations : CSS et Standards Web

bouton1 = new Button (top,left,parent,title,class);

bouton2 = new Button (top,left,parent,title,class);

bouton1.onclick = MaFonction1(val1,val2,..);

bouton2.onclick = MaFonction2(val1,val2,..);

bouton1.onclick = MaFonction1;

bouton2.onclick = MaFonction2;



function MaFonction1(val1,val2,..){

  //instructions

}



function MaFonction2(val1,val2,..) {

  //instructions

}

Button = function (id,parent,top,left,title,_classTitle){

   //je crée mon bouton

   var _div = document.createElement('div');

   var _img = document.createElement('img');

   var _p = document.createElement('p');

   //j'integre les donnée propre au bouton: position,classe css,l'apparence du bouton

   _div.id = this.id;

   _div.style.top = top;

   _div.style.left = left;

   _p.text = this.title;

   _img.src = './images/bouton_off_petit.gif';

   _div.className = 'buttonDiv';

   _img.className = 'button';

   _p.className = 'buttonText ' + _classTitle;

   //integration dans le DOM

   _div.appendChild(_img);

   _div.appendChild(_p);

   parent.appendChild(_div);



  //évenement du boutton

  var oThis = this;



  _div.onclick = function (e) {

            oThis.onclick(e);

            }

}

var btn = new button  ('idBTM',_parent,50,100,'click moi','');

btn.onclick=function(){MaFonction1(val1,val2,..)};