MooTools - Structure du programme

MooTools est un outil qui peut être utilisé pour concevoir des modèles orientés objet. Discutons dans ce chapitre d'un exemple simple de bibliothèque MooTools.

Exemple

Ici, nous allons concevoir un modèle nommé Rectangle en utilisant Class. Pour cela, nous devons déclarer les propriétés - Largeur et Hauteur.

Jetez un œil au code suivant et enregistrez-le dans sample.html.

<html>

   <head>
      <script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
      <script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
      
      <script type = "text/javaScript">
         var Rectangle = new Class({
            //properties
            width: 0,
            height: 0,
            
            //methods
            initialize: function(widthVal, heightVal) {
               this.width = widthVal;
               this.height = heightVal;
            },
            details: function() {
               document.write("Welcome to MooTools demo program");
               document.write("Width: "+this.width+" Height: "+this.height);
            },
         });
         var rec = new Rectangle(5,4);
         rec.details();
      </script>
   </head>
   
   <body>
   </body>
   
</html>

Vous recevrez la sortie suivante -

Production