Forum Alsacréations : CSS et Standards Web

function addEvent(obj, type, fn, objParent){

  if(obj.addEventListener){

    obj.addEventListener(type, function(event){

      return fn.call(obj,event,objParent);

    }, false );

  }else if(obj.attachEvent){

    obj.attachEvent("on"+type, function(e){     

      if (!e) var e = window.event;

      return fn.call(obj, e, objParent);

    });

  }

}

addListener(elementId,'click',function(event,par){

      alert(this.parameterProperty) 

    },parameter);

addListener(elementId,'click',function(event,par){

      alert(par.parameterProperty) 

    },parameter);

if(obj.addEventListener){

        obj.addEventListener(type, function(event){

          for (var property in objParent){

            this   = objParent  ;       

		      }

          return fn.call(obj,event,objParent);

        }, false );

      }else if(obj.attachEvent){

        obj.attachEvent("on"+type, function(e){

    for (var property in objParent){

            this   = objParent  ;       

		      }

          if (!e) var e = window.event;

          return fn.call(obj, e, objParent);          

        });

      

function addEvent() {

	var a = arguments;

	return document.addEventListener ?

		a[0].addEventListener(a[1], a[2], a[3] || false):

		a[0].attachEvent ?

			a[0].attachEvent('on' + a[1], a[2]):

			false;

}



function stopEvent(e) {

	if(e && e.stopPropagation && e.preventDefault) {

		e.stopPropagation();

		e.preventDefault();

	}

	else if(e && window.event) {

		window.event.cancelBubble = true;

		window.event.returnValue = false;

	}

	return false;

}



var oA = document.getElementById('lien');



addEvent(oA, 'click', monAlerte('Le nom de la balise est ', oA));



function monAlerte(sMsg, oA) {

	return function(e) {

		alert(sMsg + oA.nodeName.toLowerCase());

		return stopEvent(e);

	}

}

Changaco a écrit :
Bonjour.
Édit : et plus précisément ce message.

koala64 a écrit :

Au parsing du code, j'éxécute la fonction monAlerte en intégrant la référence sur mon lien au sein de la fonction anonyme qui, elle, n'est retournée qu'au moment du clic.

function constructSomething{



  var fnc = this;

  

  this.init = function(){

  

    var elementId = document.getElementById('lien');



    addEvent(elementId,'click',function(event){

      fnc.nextStaff(elementId);    

    });



  };

  

  this.nextStaff = function(h){



    alert(elementId.nodeName.toLowerCase());



  };



};

addEvent(window, 'load', function() {

	var monObjet = new Classe;

	monObjet.init();

});



var Classe = function() {}, Cp = Classe.prototype = {



	init: function() {

		var oEl = document.getElementById('lien');

		addEvent(oEl,'click', Cp.nextStaff(oEl));

	},



	nextStaff: function(oEl) {

		var sTxt = 'Le nom du noeud est : ';

		var sMsg = sTxt + oEl.nodeName.toLowerCase();

		return function(e) {

			alert(sMsg);

			return stopEvent(e);

		}

	}



};

  var monObjet = new Classe;

  monObjet.setColor('#fff');

  monObjet.setSize('200px');

  monObjet.setDelay(500);

  monObjet.setRepeat(5);

  monObjet.initialize(5);

  var monObjet = new Classe;

  monObjet.initialize({

     color: '#000',

     size: '200px',

     delay: 500,

     repeat: 5

  });

var Classe = function(){}, Cp = Classe.prototype = {



  options:{

    color: '#fff',

    size: '100px',

    delay: 1000,

    repeat: 10

  },

 

  initialize: function(sendingOptions){



    Cp.options = setOptions(Cp.options,sendingOptions);



    $('start').addEvent('click',function(event){

      alert(Cp.options.color);    

    });

  }



};

var monObjet = new Classe({color: '#000',size: '200px',delay: 500,repeat: 5});

var Classe = function(){

  return new Class(this,arguments)

}



var Cp = Classe.prototype = {



  options:{

    color:'#fff',

    size:'200px'

  },

  

  initialize: function(){

    $('start').addEvent('click',function(event){

      alert(Cp.options.size);    

    });

  }



};

var Class = function(fn,args){

  if(fn.options){

    for (var I = 0; I < args.length; I++){

      for (var property in args[I]){

       fn.options   = args[I]  ;       

      }

    }

  }

  return fn.initialize.apply(fn, args);

} 

addEvent(el,'click',function(event,fncParent){

   alert(this.href);

   alert(fncParent.options.color);

   fncParent.nextStaff();

},this);

Function.prototype.bind = function (obj) {

  var fn = this;

  return function(){

    return fn.apply(obj,arguments);

  };

};

addEvent(el,'click',function(event,fncParent){

   alert(this.options.color);

   this.nextStaff();

}.bind(this));