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
COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ?MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg
La prochaine session de MyTIC aura lieu à Namur, le 23 mars prochain. Pendant presque une heure, nous parlerons de SharePoint 2010. Voici un aperçu du programme.
Accueil : 17h30 Début de la session : 18h00 - Les nouvelles int...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|