[ticket/10270] Renamed the CSS class "jalert" to "phpbb_alert".

PHPBB3-10270
This commit is contained in:
Callum Macrae 2011-09-25 18:12:34 +01:00 committed by Igor Wiedler
parent db7c4f938e
commit ba817086f8
3 changed files with 19 additions and 14 deletions

View file

@ -45,7 +45,7 @@ phpbb.loading_alert = function() {
* @returns object Returns the div created. * @returns object Returns the div created.
*/ */
phpbb.alert = function(title, msg, fadedark) { phpbb.alert = function(title, msg, fadedark) {
var div = $('#jalert_alert'); var div = $('#phpbb_alert');
div.find('h3').html(title); div.find('h3').html(title);
div.find('p').html(msg); div.find('p').html(msg);
@ -107,15 +107,20 @@ phpbb.alert = function(title, msg, fadedark) {
* @returns object Returns the div created. * @returns object Returns the div created.
*/ */
phpbb.confirm = function(msg, callback, fadedark) { phpbb.confirm = function(msg, callback, fadedark) {
var div = $('#jalert_confirm'); var div = $('#phpbb_confirm');
div.find('p').html(msg); div.find('p').html(msg);
div.find('.jalertbut').bind('click', function() { div.bind('click', function(e) {
var res = this.value === 'Yes'; e.stopPropagation();
return true;
});
div.find('input[type="button"]').one('click', function() {
var res = this.className === 'button1';
var fade = (typeof fadedark !== 'undefined' && !fadedark && res) ? div : dark; var fade = (typeof fadedark !== 'undefined' && !fadedark && res) ? div : dark;
fade.fadeOut(100, function() { fade.fadeOut(100, function() {
div.hide(); div.hide();
}); });
div.find('input[type="button"]').unbind('click');
callback(res); callback(res);
return false; return false;
}); });
@ -131,10 +136,10 @@ phpbb.confirm = function(msg, callback, fadedark) {
$(document).bind('keydown', function(e) { $(document).bind('keydown', function(e) {
if (e.keyCode === 13) { if (e.keyCode === 13) {
$('.jalertbut.button1').trigger('click'); $('input[type="button"].button1').trigger('click');
return false; return false;
} else if (e.keyCode === 27) { } else if (e.keyCode === 27) {
$('.jalertbut.button2').trigger('click'); $('input[type="button"].button2').trigger('click');
return false; return false;
} }
return true; return true;

View file

@ -30,15 +30,15 @@
<div class="jalert" id="loadingalert"><h3>{L_LOADING}</h3><p>{L_PLEASE_WAIT}</p></div> <div class="jalert" id="loadingalert"><h3>{L_LOADING}</h3><p>{L_PLEASE_WAIT}</p></div>
</div> </div>
<div id="jalert_alert" class="jalert"> <div id="phpbb_alert" class="phpbb_alert">
<a href="#"><img src="{T_THEME_PATH}/images/alert_close.png" class="alert_close" /></a> <a href="#"><img src="{T_THEME_PATH}/images/alert_close.png" class="alert_close" /></a>
<h3></h3><p></p> <h3></h3><p></p>
</div> </div>
<div id="jalert_confirm" class="jalert"> <div id="phpbb_confirm" class="phpbb_alert">
<a href="#"><img src="{T_THEME_PATH}/images/alert_close.png" class="alert_close" /></a> <a href="#"><img src="{T_THEME_PATH}/images/alert_close.png" class="alert_close" /></a>
<p></p> <p></p>
<input type="button" class="jalertbut button1" value="Yes" />&nbsp; <input type="button" class="button1" value="{L_YES}" />&nbsp;
<input type="button" class="jalertbut button2" value="No" /> <input type="button" class="button2" value="{L_NO}" />
</div> </div>
</div> </div>

View file

@ -590,7 +590,7 @@ li.pagination {
/* jQuery popups /* jQuery popups
---------------------------------------- */ ---------------------------------------- */
.jalert { .phpbb_alert {
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #999999; border: 1px solid #999999;
position: fixed; position: fixed;
@ -603,13 +603,13 @@ li.pagination {
padding: 0 25px 20px 25px; padding: 0 25px 20px 25px;
} }
.jalert img.alert_close { .phpbb_alert img.alert_close {
float: right; float: right;
margin-top: -7px; margin-top: -7px;
margin-right: -30px; margin-right: -30px;
} }
.jalert p { .phpbb_alert p {
margin: 8px 0; margin: 8px 0;
padding-bottom: 8px; padding-bottom: 8px;
} }