twitter with dijits

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/widget/ColorPicker/ColorPicker.css">
<div id="main">


    <span id="mycp" dojoType="azp.ColorButton" value="#0000FF"></span>


</div>

CSS

.tweetBox{
 background-color : #E9F4FE;
 border: 1px solid black;
 overflow : auto;
 margin:3px;
 padding:3px;
}

JavaScript

dojo.provide("azp.ColorButton");
dojo.require("dojo.parser");


dojo.require("dijit._Widget");
dojo.require("dijit._Templated");
dojo.require("dijit.form.Button");
dojo.require("dijit.Tooltip");
dojo.require("dojox.widget.ColorPicker");
dojo.require("dijit.form.DropDownButton");
dojo.require("dijit.TooltipDialog");


dojo.addOnLoad(function(){
    
 dojo.declare("azp.ColorButton",
     [dijit._Widget, dijit._Templated],
     {    
         label: '',
         widgetsInTemplate: true,
         value: '#000000',
         popupTitle: 'Color Palette',
         okLabel: 'OK',
         cancelLabel: 'Cancel',
 
         templateString: "<div> test</div>",
 
         
         postMixInProperties : function(){
             console.log('postMixIn',this);
             this.templateString = "<div> testadsada</div>";
         },
 
     }
 );
    console.log('hi');     
    dojo.parser.parse('main');
               
});