mootools : window.addEvent

**axelandre** · 01/05/2009, 15h05

Bonjour à tous,

Je souhaite utiliser la librairie mootools pour effectuer un slide_in slide_off sur mon site web.

J'ai donc ajouté sur mon serveur (local) le fichier mootools.js ainsi qu'un fichier .js qui gère les évènements slide in/off.

Problème : j'ai une erreur avec la fonction window.addEvent. en effet, elle n'est pas considérée comme une fonction (utilisation de Firebug pour les gestions d'erreurs)!

Alors j'ai regardé sur le site de mootools pour voir comment bien faire pour que ça marche mais de mon côté tout est ok ! Je ne voit pas d'où vient le problème.

Voici la partie du code html sur lequel je souhaite appliquer le slide in/off :

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
 
<li id="bouton_mon_espace"><a href="#" title="Aller vers : Mon espace" id="v_slidein_connexion"><span class="lien_invisible">Mon espace</span></a>
		</li>
<div id="form_connexion">
		<form method="post" action="traitements/identification.php?identification=1" onsubmit="return control_connexion();">
			<label id="label_pseudo">
				Pseudo <input type="text" name="pseudo_connexion" size="25" /><span id="pseudo_connexion_erreur">*</span>
			</label>
			<br />
			<label id="label_mdp">
				Mot de passe <input type="text" name="mdp_connexion" size="17" /><span id="mdp_connexion_erreur">*</span>
			</label>
			<br /><a href="javascript:void(0);" title="Fermer" id="v_slideout_connexion" onclick="javascript:fermer_connexion();"><img src="img/gabarits/encart_connexion_membre/img_fermer.gif" alt="fermer" align="right" id="img_fermer" /></a>
			<input type="submit" value="Connexion" id="bt_connexion" />
		</form>
</div>

Le but étant, vous l'aurez compris, de faire apparaitre un formulaire de connexion lors du clic sur le lien "Mon espace".

Voici le code javascript qui est censé gérer le sllide in/off :

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
 
window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
 
	//-vertical
 
	var myVerticalSlide = new Fx.Slide('form_connexion');
 
	$('v_slidein_connexion').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideIn();
	});
 
	$('v_slideout_connexion').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.slideOut();
	});
});

Pour info, le code html que je viens de vous donner est un include qui est présent sur toutes les pages du site (ou presque) est_ce que cela pourrait venir de ça ?

Ce qui veut dire que dans le fichier de cette page il n'y a pas de balise html, head, body, et le javascript est appelé à partir des pages qui contiennent cet include.

J'espère que quelqu'un saura m'aider.

Merci par avance