Mootools function

Soyez le premier à donner votre avis sur cette source.

Vue 11 960 fois - Téléchargée 692 fois

Description

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

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
dimanche 6 mai 2007
Statut
Membre
Dernière intervention
5 septembre 2009

Super! Mais comment faire pour que le texte que l'on veut faire apparaitre via par exemple toggle-v ne soit pas visible dès le début. On ne peut que cacher le texte en cliquant sur un lien. Je voudrais pouvoir faire l'inverse: faire apparaitre le texte en cliquant.

Merci pour vos pistes !
Messages postés
2
Date d'inscription
jeudi 15 janvier 2009
Statut
Membre
Dernière intervention
12 août 2009

l'utilisation des fonctions de Jquery sont beaucoup plus simple d'utilisation ^^

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.