MDL-28235 form: Help button popup close accessibility improved

AMOS BEGIN
 CPY [close,editor],[close,form]
AMOS END
This commit is contained in:
Frederic Massart
2012-10-02 14:28:55 +08:00
parent 7e8ae12a7a
commit b218e3ca84
4 changed files with 11 additions and 2 deletions

View File

@@ -1417,16 +1417,19 @@ M.util.help_icon = {
event.preventDefault();
if (M.util.help_icon.instance === null) {
var Y = M.util.help_icon.Y;
Y.use('overlay', 'io-base', 'event-mouseenter', 'node', 'event-key', function(Y) {
Y.use('overlay', 'io-base', 'event-mouseenter', 'node', 'event-key', 'escape', function(Y) {
var help_content_overlay = {
helplink : null,
overlay : null,
init : function() {
var closebtn = Y.Node.create('<a id="closehelpbox" href="#"><img src="'+M.util.image_url('t/delete', 'moodle')+'" /></a>');
var strclose = Y.Escape.html(M.str.form.close);
var closebtn = Y.Node.create('<a id="closehelpbox" href="#"><img src="'+M.util.image_url('t/delete', 'moodle')+'" alt="'+strclose+'" /></a>');
var footerbtn = Y.Node.create('<button class="closebtn">'+strclose+'</button>');
// Create an overlay from markup
this.overlay = new Y.Overlay({
headerContent: closebtn,
footerContent: footerbtn,
bodyContent: '',
id: 'helppopupbox',
width:'400px',
@@ -1436,6 +1439,7 @@ M.util.help_icon = {
this.overlay.render(Y.one(document.body));
closebtn.on('click', this.overlay.hide, this.overlay);
footerbtn.on('click', this.overlay.hide, this.overlay);
var boundingBox = this.overlay.get("boundingBox");