MooTools - Struttura del programma

MooTools è uno strumento che può essere utilizzato per progettare modelli orientati agli oggetti. Parliamo in questo capitolo di un semplice esempio della libreria MooTools.

Esempio

Qui progetteremo un modello chiamato Rectangle usando Class. Per questo, dobbiamo dichiarare le proprietà: Larghezza e Altezza.

Dai un'occhiata al codice seguente e salvalo in 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>

Riceverai il seguente output:

Produzione