dojo.declare("Cocktail", null, {
     
    constructor: function(args) {
    dojo.mixin(this,args);
     
    this.items = dojo.query(".ingredient", dojo.byId('cocktail-chooser'));
    dojo.forEach(this.items, function(entry, i){
    dojo.connect(entry, "onclick", this, "updateKeywords");
    },this);
    },
     
    updateKeywords: function(evt){
    var node = evt.currentTarget;
     
    var keyword = dojo.attr(node, "data-title");
    dojo.attr(this.searchArea , "value", keyword);
    document.search.type(null,1);
    }
    });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.