Modular javascript

gistfile1.txt

var Order = function($el) {

  // private variables
  el = $el;

  // public API
  var Order = {

    removeTarget: function() {
      el.find('#order-target').remove();
      removePersonalia();
      updateView();
    },

    removeDirectMail: function() {
      el.find('#order-direct-mail').remove();
      updateView();
    }
  }

  // private functions

  function removePersonalia() {
    el.find('.personalia').remove();
  }

  function updateView() {
    if( !hasTarget() ) addTargetButton()
  }

  function hasTarget() {
    return el.find('#order-target').length > 0;
  }

  function addTargetButton() {
    el.find('#target').prepend('<div class="push-3-2 order-button">'+
                '<a class="btn" href="http://localhost:3000/malgruppe" id="add-target-to-order">'+
                'Legg til målgruppe'+
              '</a></div>');
  }

  return Order;

}

For ordens skyld: husk var når du erklærer variabler! Altså var el = $el; :) Men du trenger jo ikke den deklarasjonen engang, du kan jo bare bruke $el overvalt?

Det er sant!

Laget egentlig bare deklarasjonen av gamle vaner :p