Discussion :

[boutmos]

Bonjour,

Je cherche a faire un équivalent de la méthode trigger de Jquery sous prototype.

J'ai trouvé Event.fire mais je n'arrive a rien déclencher avec...

Je cherche a déclencher l'event 'click' placée sur l'ID aide, voir code ci dessous.

D'avance , merci

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
	startEvent : function()
	{
		if ($('login'))
		{
			Event.observe( $('login'), 'click', function(event)
				{
					// Cache le menu aide
					Event.fire( $('aide'), 'click' );
 
					new Effect.toggle('loginBox', 'blind',
						{
							duration: 0.5,
							afterFinish: function(){
								// On change l'icone du bouton
								$('login').select('a').invoke('toggleClassName', 'key_go');
							}
						});
				}
			);
		}
 
		if ($('aide'))
		{
			Event.observe( $('aide'), 'click', function(event)
				{
					new Effect.toggle('aideBoite', 'blind',
						{
							duration: 0.5,
							afterFinish: function(){
								// On change l'icone du bouton
								$('choixStyle').select('a').invoke('toggleClassName', 'aide_on');
							}
						});
				}
			);
		}
	},

[gwyohm]

Bonjour,

la méthode fire ne permet de déclencher QUE des événements custom. Un événement custom contient ":" dans son nom.

tu as donc 2 solutions :
Définir ton propre événement, et observer le click et ton événement et attribuer le même listener :

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
19
20
21
 
startEvent : function() {
  if ($('login')) {
    Event.observe( $('login'), 'click', function(event) {
      // Cache le menu aide
      Event.fire( $('aide'), 'mon:click' );
// ...
 
// ==========================
function monListener(e) {
  new Effect.toggle('aideBoite', 'blind', {
    duration: 0.5,
    afterFinish: function(){
      // On change l'icone du bouton
      $('choixStyle').select('a').invoke('toggleClassName', 'aide_on');
    }
  });
}
 
Event.observe( $('aide'), 'click', monListener);
Event.observe( $('aide'), 'mon:click', monListener);

Solution 2, essayer Event.simulate ... perso, jamais testé
http://code.google.com/p/protoliciou...mulate.js?r=30

[boutmos]

Ok j'essaie çà aussitôt que possible et je repasse dire si c'est ok au plus vite. Merci beaucoup

[boutmos]

Euh question débutant prototype...

Event.simulate est un 'addon' que je dois 'greffer' a prototype au chargement ?

[gwyohm]

Event.simulate est un 'addon' que je dois 'greffer' a prototype au chargement ?

C'est juste une librairie supplémentaire : tu inclues prototype puis eventsimulate dans ta page