Commit fce59b408583470041b25fd8c0d6b94856ae921f
1 parent
c8619833
Exists in
master
and in
28 other branches
ActionItem1020: adding a class to the lightbox
When the lightbox button has an id, it will be used as a CSS class in the lightbox that opens up.
Showing
2 changed files
with
9 additions
and
2 deletions
Show diff stats
app/views/home/index.rhtml
1 | <% if environment.enabled?('display_wizard_signup') && !logged_in? %> | 1 | <% if environment.enabled?('display_wizard_signup') && !logged_in? %> |
2 | - <%= lightbox_button(:new, _('Signup'), { :controller => 'account', :action => 'wizard' }, :class => 'wizard') %> | 2 | + <%= lightbox_button(:new, _('Signup'), { :controller => 'account', :action => 'wizard' }, :class => 'wizard', :id => 'signup-wizard') %> |
3 | <% end %> | 3 | <% end %> |
4 | 4 | ||
5 | <% if @has_news %> | 5 | <% if @has_news %> |
public/javascripts/lightbox.js
@@ -64,6 +64,9 @@ lightbox.prototype = { | @@ -64,6 +64,9 @@ lightbox.prototype = { | ||
64 | 64 | ||
65 | initialize: function(ctrl) { | 65 | initialize: function(ctrl) { |
66 | this.content = ctrl.href; | 66 | this.content = ctrl.href; |
67 | + if (ctrl.id != '') { | ||
68 | + this.lightbox_className = ctrl.id; | ||
69 | + } | ||
67 | Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false); | 70 | Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false); |
68 | ctrl.onclick = function(){return false;}; | 71 | ctrl.onclick = function(){return false;}; |
69 | }, | 72 | }, |
@@ -146,7 +149,11 @@ lightbox.prototype = { | @@ -146,7 +149,11 @@ lightbox.prototype = { | ||
146 | processInfo: function(response){ | 149 | processInfo: function(response){ |
147 | info = "<div id='lbContent'>" + response.responseText + "</div>"; | 150 | info = "<div id='lbContent'>" + response.responseText + "</div>"; |
148 | new Insertion.Before($('lbLoadMessage'), info) | 151 | new Insertion.Before($('lbLoadMessage'), info) |
149 | - $('lightbox').className = "done"; | 152 | + if (this.lightbox_className) { |
153 | + $('lightbox').className = "done " + this.lightbox_className; | ||
154 | + } else { | ||
155 | + $('lightbox').className = "done"; | ||
156 | + } | ||
150 | this.actions(); | 157 | this.actions(); |
151 | }, | 158 | }, |
152 | 159 |