Mootools Fx.Slide

jekif

3 Jun 2009 à 01:12

Bonjour,

Je viens tout juste de découvrir l'existence de mootools et j'avoue avoir quelques problèmes.

Voici le html tout simple juste pour essayer :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready',function()
{
	var myVerticalSlide = new Fx.Slide('vSlide').hide();
}
</script>

</head>

<body>
	<div id="vSlide">Vertical Slide</div>
</body>
</html>

J'ai bien rajouté la classe Slide à mootools.js, mais ma div reste visible alors que je voudrais qu'elle le soit pas.
Où se situe le problème ? Y-t-il quelque part de bon tuto à ce sujet ?

Merci d'avance...

jekif

3 Jun 2009 à 02:12

je me demande si l'événement domready est bien déclenché. Si j'ajoute une alerte juste avant la déclaration de mon "slider", je n'ai pas d'alerte lorsque j'affiche la page. est-ce normal ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Document sans nom</title>

<script type="text/javascript" src="mootools.js"></script>

<script type="text/javascript">

window.addEvent('domready',function()

{
	alert ("dom loaded");
	var myVerticalSlide = new Fx.Slide('vSlide').hide();

}

</script>



</head>



<body>

	<div id="vSlide">Vertical Slide</div>

</body>

</html>