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));
}, |
