Discussion :

[kohsaka]

bonjour tout le monde,

voila, je me suis récemment mis à utiliser scriptaculous et prototype et j'ai découvert que les appels du style "onclick" n'étaient plus utile puisqu'il existe Event.observe

cependant je ne trouve pas comment observer "onmouseover" ou "onmouseout".

et s'il existe une liste complète de ces évènements je suis preneur

merci.

[Bovino]

Code :

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

$('ton_element').observe('mouseover',ta_fonction)

Sinon, tous les événements sont gérés.

[kohsaka]

je n'arrive pas a le faire fonctionner. voila comment je procède :

javascript

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
  $('link1').observe('mouseover', test('link1'));
 
  function test(id) {
	new Effect.Pulsate(id);
  }
</script>

HTML

Code :

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

1
2
 
<a id="link1" href="#" title="script" class="mainmenu">drop down</a>

j'ai essayé aussi avec un autre bout de code :

Code :

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

1
2
 
Event.observe('link1', 'mouseover', alert('haaaaa');

rien ne se passe.

[Bovino]

Code :

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

1
2
3
4
5
6
$('link1').observe('mouseover', test);
 
  function test(evt) {
	id=evt.element().id;
	new Effect.Pulsate(id);
  }

[kohsaka]

je suis désolé rien ne se passe , c'est comme si il ne comprenait pas la ligne suivante :

Code :

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

1
2
 
  $('link1').observe('mouseover', test);

si je mets un alert avant ça fonctionne, mais si j'en mets après (que soit dans la fonction ou en dehors), il ne s'affiche pas.

Code :

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

1
2
3
4
5
6
7
8
9
alert('s\'affiche');
 
$('link1').observe('mouseover', test);
alert('ne s\'affiche');
function test(evt) {
	alert('ne s\'affiche');
	id=evt.element().id;
	new Effect.Pulsate(id);
}

j'ai mis la page en ligne si ça peut t'aider : page

[Bovino]

Code :

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

Event.observe('link1','mouseover', test);

[kohsaka]

Ok je m'en suis finalement sortie !

il manquait quelque chose

Code :

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

1
2
3
4
5
6
7
8
9
10
 
Event.observe(window, 'load', function() {
	Event.observe('link1', 'mouseover', test);
});
 
function test(evt) {
	alert('ne s\'affiche');
	id=evt.element().id;
	new Effect.Pulsate(id);
}

merci pour ton aide Bovino