Discussion :

[axelandre]

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

[nosferapti]

tu utilises quel navigateur ?
j'utilise Firefox 2 et je n'ai pas de problème

[axelandre]

J'utilise Firefox aussi mais j'ai cette erreur de non reconnaissance de window.addEvent en tant que fonction ! Je craque !

[axelandre]

Personne ne voit d'où cela peut venir ?

J'ai tout essayé !

Merci

[nosferapti]

est ce que tu utilises la dernière version de Mootools ?

[bigboomshakala]

l'ordre de l'inclusion des scripts est bonne ? d'abord mootools.js, puis ton fichier javascript ?

[axelandre]

Bonsoir à tous,

Tout d'abord je tiens à m'excuser du retard pour ma réponse, ensuite je tiens à vous remercier pour vos réponses.

Alors j'utilisais la dernière version de mootools, mais le tuto qui explique comment déployer les fonctionnalité utilisait une version antérieure, je suis donc passé à la version antérieur mais rien n'a changé.

Ensuite l'inclusion est correcte entre le fichier mootools.js et le fichier javascript qui appelle ce dernier.

C'est un véritable mystère !

je me suis replongé dessus récemment mais rien n'y fait, toujours ce problème de fonction window.addEvent qui n'est pas considérée comme une fonction... je désespère.

une solution de contournement peut-être ?

Merci à vous