Bonjour, je ne suis pas un expert en JavaScript (loin de la) mais lors de la réalisation d'un site web,je me suis rendu compte que mootools n'étais pas forcément simple d'utilisation. C'est pour cela que j'ai créé cette fonction qui permet de faire les effets suivants:
-Hide
-Show
-Toggle (Horizontal)
-Toggle (Vertical)
-SlideIn
-Slide Out
Source / Exemple :
function effect(Id,state,effect)
{
window.addEvent('domready', function() {
var status = {
'true': 'Cacher',
'false': 'Afficher'
};
switch(effect)
{
case "toggle-h":
Slide = new Fx.Slide(Id, {mode: 'horizontal'}).toggle();
break;
case "in":
Slide = new Fx.Slide(Id, {mode: 'horizontal'}).slideIn();
break;
case "out":
Slide = new Fx.Slide(Id, {mode: 'horizontal'}).slideOut();
break;
case "toggle-v":
Slide=new Fx.Slide(Id).toggle();
break;
case "hide":
Slide=new Fx.Slide(Id).hide();
break;
case "show":
Slide=new Fx.Slide(Id).show();
break;
}
Slide.addEvent('complete', function() {
$(state).set('html', status[Slide.open]);
});
});
}
Conclusion :
Utilisation:
effect('madiv','state','effet');
Detail:
-madiv : DIV sur laquelle on shouaite réaliser l'effet.
-state: Affiche l'état de madiv dnas une div ayant pour ID state.
-effet : le nom de l'effet.
Effet disponible :
-Hide : hide
-Show : shox
-Toggle (Horzontal):toggle-h
-Toggle (Vertical) : toggle-v
-SlideIn : in
-Slide Out : out
Je le redis,je suis débutant en javascript donc si vous avez des améliorations à me donner,je suis prenneur :)
Merci
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.