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/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
Hide and Show [ par shaft107 ]
sltComment faire apparaitre et faire disparaitre un tableauen cliquant sur un bouton radio?shaft
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
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
XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|