You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.5 KiB
79 lines
1.5 KiB
var Question = new Class( {
|
|
|
|
initialize : function(question, hint, answers) {
|
|
var self = this
|
|
|
|
self.question = question
|
|
self.hint = hint
|
|
self.answers = answers
|
|
|
|
self.createQuestion()
|
|
self.answers.each(function(answer) {
|
|
self.createAnswer(answer)
|
|
})
|
|
self.createMask()
|
|
|
|
},
|
|
|
|
createMask : function() {
|
|
var self = this
|
|
|
|
self.mask = new Element('div.mask').fade('hide').inject(document.body).fade('in');
|
|
},
|
|
|
|
createQuestion : function() {
|
|
|
|
this.container = new Element('div', {
|
|
'class' : 'question'
|
|
}).adopt(
|
|
new Element('h3', {
|
|
'html': this.question
|
|
}),
|
|
new Element('div.hint', {
|
|
'html': this.hint
|
|
})
|
|
).inject(document.body)
|
|
|
|
this.container.position( {
|
|
'position' : 'center'
|
|
});
|
|
|
|
},
|
|
|
|
createAnswer : function(options) {
|
|
var self = this
|
|
|
|
var answer = new Element('a', Object.merge(options, {
|
|
'class' : 'answer button '+(options['class'] || '')+(options['cancel'] ? ' cancel' : '')
|
|
})).inject(this.container)
|
|
|
|
if (options.cancel) {
|
|
answer.addEvent('click', self.close.bind(self))
|
|
}
|
|
else if (options.request) {
|
|
answer.addEvent('click', function(e){
|
|
e.stop();
|
|
new Request(Object.merge(options, {
|
|
'url': options.href,
|
|
'onComplete': function() {
|
|
(options.onComplete || function(){})()
|
|
self.close();
|
|
}
|
|
})).send();
|
|
});
|
|
}
|
|
},
|
|
|
|
close : function() {
|
|
var self = this;
|
|
self.mask.fade('out');
|
|
(function(){self.mask.destroy()}).delay(1000);
|
|
|
|
this.container.destroy();
|
|
},
|
|
|
|
toElement : function() {
|
|
return this.container
|
|
}
|
|
|
|
})
|
|
|