Accueil > > > MOOTOOLS FUNCTION
MOOTOOLS FUNCTION
Information sur la source
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
-
- 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]);
- });
- });
- }
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');
De tail: -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
Historique
- 23 janvier 2009 11:44:48 :
- Ajout Detail
- 23 janvier 2009 11:59:08 :
- Ajout Zip.
- 23 janvier 2009 12:00:52 :
- Correction Zip
- 23 janvier 2009 12:04:22 :
- Tout est dans le zip
- 23 janvier 2009 13:03:17 :
- ...
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Systeme de Hide/Show ( cacher / afficher une zone ) [ par Tux1 ]
Bonjour,Je suis nul en jscritptet j'aimerais savoir comment faire un truc du genre:En cliquant sur un ptit bouton, un zone en dessous s'afficherais en
Hide and Show [ par shaft107 ]
sltComment faire apparaitre et faire disparaitre un tableauen cliquant sur un bouton radio?shaft
hide/show [ par sonialand ]
salut tout le monde,je debute en jsjai un code mais j'ai du mal à gérer le hide et le showvoila une partie du code<div id="main_list"><div cl
Show/hide... [ par Loser ]
Bonjour !j'ai une page de ce type :Lien 1 = groupe de texte 1Lien 2 = groupe de texte 2etc...(qui sera générer par php...)et j'aimerais que quand je c
Effet panoramique [ par isu_san ]
Bonjour tout le monde, je suis tout nouveau dans l'obscur monde de la création de site et je suis à la recherche d'un script qui me permettrait de me
différents effets sur les liens d'une meme page [ par geoffroy ]
Salut, J'aimerais savoir comment fait on pour qu'un lien devienne plus gros au survolage de la souris . Mais j'aimerais que cet effet ne marche que su
effet de fondu [ par seb019 ]
Bonjour,Voila sur un site j'ai vu un truc qui me plait, je pense que c'est du javascript mais je suis pas sur :lorsqu'on clic sur un lien la page s'ou
2 action sur onmouseover [ par fcdconnect ]
BOnjour,désolé mais j'ai très peu de connaissance en JS une petite question :quellle est la synthaxe pour 2 evenement sur un mem onmouseover ??exemple
effet ouverture de page réactualisé [ par jlagabrielle ]
Bonjour !J'ai mis le script suivant pour ouvrir mes pages avec un effet mais l'effet n'a lieu que lors de la première ouverture de la page, quand je r
Effet de texte [ par romain2boss ]
Salut,je suis pas un fan de javascript, et je cherche de puis un bon bout de temps un script de défilement de texte qui fasse un peu comme l'intro de
|
Derniers Blogs
TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|