1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
| //declaration d boutton
B10: {name: 'b10', label:'left',title: 'Bold', shortcut: 'b', action: ['text-align','left'], icon:true},
//function build boutton
buildButtons: function(){
var buttonbar = new Element('div').inject(this.container);
this.buttons.each(function(item){
if (item.action == 'submenu') {
var sub = new Element('div', {id:item.name}).inject(this.container).setStyle('display', 'none').setStyle('background-color', 'red').setStyle('height', '20px');
var button = new Element('a', {src:'#', text:item.name}).inject(buttonbar).addEvent('mouseenter',
function(e) {
if(this.submenu && this.submenu != sub) {
this.submenu.setStyle('display', 'none');
}
sub.setStyle('display', 'block');
this.submenu = sub;
}.bind(this));
}else {
if (item.position) {
var container = $(item.position);
}else {
var container = buttonbar;
}
var button = new Element('a', {src:'#', text:item.name}).inject(container).addEvent('click',
function(e) {
e.stop();
if(item.action == 'save') {
alert(this.saveContent());
}else {
this.applyStyle(item.action);
}
}.bind(this));
if(item.icon) {
// alert(item.icon);
new Element('img', {src:item.name+'.gif'}).inject(button);
}
}
}.bind(this));
}, |
Partager