Proto.Menu est un simple et léger (2Ko) solution de JavaScript pour ajouter des fonctionnalités aux menus contextuels des pages HMTL. Cette bibliothèque utilise la récente libération de Prototype 1.6.0_rc0 . Ses principales caractéristiques sont:
- Légèreté: ~ 2 Ko (~ version 1.5 Mo)
- Discret: non intrusive
- Supporte tous les navigateurs
- Personnalisable en termes de feuille de style
- Extrêmement rapide
Pour son utilisation est nécessaire:
- prototype.js 1.6.0_rc0
- testé sur les navigateurs: Firefox 1.5 +, Internet Explorer 6 +, Safari 3 +, Opera 9 +, Netscape Navigator 9 +
Pour l'utiliser il suffit d'inclure le prototype de bibliothèque et proto.menu:
Télécharger Proto.Menu.js (ou version compressée )
1 2 |
Vous pouvez inclure un fichier CSS personnalisé
1 | "stylesheet" href = "Proto.Menu.css" type = "text/css" media = "screen" / > < lien rel = "stylesheet" href = "Proto.Menu.css" type = "text / css" media = "screen" /> |
Et son utilisation est vraiment simple, vous créez un tableau avec des liens pour montrer:
1 2 3 4 5 6 7 8 9 10 11 | [ mylinks var = [ : 'Back' , callback : function ( ) { alert ( 'back function called' ) } } , {Nom: 'Retour', callback: function () {alert ('Rappelé fonction')}}, : 'Forward' , callback : function ( ) { alert ( 'Forward function called' ) } } , {Nom: 'Forward', callback: function () {alert ('Forward fonction appelée')}}, true } , {Séparateur: true}, : 'Reload' , callback : function ( ) { alert ( 'Reload function called' ) } } , {Nom: "Recharger", rappel: function () {alert ('Recharger fonction appelée')}}, : 'Disabled option' , disabled : true } , {Nom: 'option Désactivé », les personnes handicapées: true}, : 'Toggle previous option' , callback : function ( ) { {Nom: 'option à bascule précédente, rappel: function () { = oLinks. find ( function ( l ) { return l. name == 'Disabled option' } ) ; var item = oLinks trouve (function (l) l {return nom == 'option Désactivé'}).; = item . disabled == false ? true : false ; . éléments désactivés = élément désactivé == true false:.? false; }} ] |
Les menus sont activés en passant la référence au tableau créé:
1 2 3 4 5 6 7 | "text/javascript" > < script de type = "text / javascript"> Proto.Menu nouvelle ({ sélecteur:. ContextMenu '/ menu / contexte sera affiché lorsque l'élément avec le nom de classe de "ContextMenu" est cliqué className: 'myContextMenu', / / ceci est une classe qui sera joint au container de menu (utilisé pour le style css) MenuItems: mylinks / / tableau de menus articles }) </ scripts > |
Notez la propriété selector indique que l'élément lié au menu contextuel cliquez pour cela.
[...] Proto.Menu YouTube: Les menus contextuels en JavaScript avec Prototype 1.6.0 »Ce résumé est d'un article publié sur le undolog mardi 28 août 2007 Tags: Internet, Javascript, Proto.Menu développement est un moyen simple et lumière (2Ko) ...: prototype.js 1.6.0_rc0 testé sur les navigateurs: Firefox 1.5 +, Internet Explorer 6 +, Safari 3 +, Opera Résumé fournis par Technorati.comView au undolog article original »10 Nouvelles Articles les plus récents sur Firefox [. ..]