Alert GP - Форум
Страница 1 из 11
Форум » Форум веб мастеров » jQuery & JavaScript » Alert GP
Alert GP

GhostlyP
VIP
Сообщений 475
+
+2944
-
Ваши награды 35
GhostlyP написал: отредактировал: GhostlyP - Пятница, 20.12.2013, 03:29 В ответ пользователя GhostlyP Написано 20 Декабря 2013 в 03:23
Сообщение № 1
Использование: gp.alert('text');



Установка: перед закрытием тега body
Код
<script>
var gp = {$setting: [$('body'), 0, '330px', '5px', '5px'],alert:function(mess){
var $box, $alert = $('#alert'), css = 'text-align: center; color: #d04848; padding: 10px; display: block; font-size: 12px; font-family: Tahoma; min-height: 10px; border-radius: 2px; box-shadow: 0 0 2px rgba(0,0,0,.2); background: rgba(255,255,255,.9); margin-bottom: 3px;';
if($alert.length > 0){$box = $alert; gp.$setting[1] = gp.$setting[1] + 1;}else{$box = $('<div id="alert"></div>');}
$box.css({'position' : 'fixed', 'top' : gp.$setting[3], 'right' : gp.$setting[4], 'width': gp.$setting[2]});
$box.prepend('<span style="'+css+'" id="alr_'+gp.$setting[1]+'"><span class="left" onclick="$(\'#alr_'+gp.$setting[1]+'\').remove();"><img src="http://ghostlyp.ru/template/close.gif"></span>'+mess+'</span>');
gp.$setting[0].append($box);
}};
</script>
подпись: Linkum GhostlyP
«Пред. тема След. тема»

BLAzER
Друзья
Сообщений 2335
+
+13383
-
Ваши награды 48
BLAzER написал: В ответ пользователя BLAzER Написано 21 Декабря 2013 в 10:14
Сообщение № 2
Немного неудобно, то что они в правом верхнем углу появляются, а так отличный скрипт!
подпись: BLAzER

GhostlyP
VIP
Сообщений 475
+
+2944
-
Ваши награды 35
GhostlyP написал: отредактировал: GhostlyP - Суббота, 21.12.2013, 11:21 В ответ пользователя GhostlyP Написано 21 Декабря 2013 в 11:13
Сообщение № 3
Это легко меняется smile

Слева: 'right' : gp.$setting[4] меняем на 'left' : gp.$setting[4]

Снизу: $box.prepend и 'top' : gp.$setting[3] меняем на $box.append и 'bottom' : gp.$setting[3]
подпись: Linkum GhostlyP
Форум » Форум веб мастеров » jQuery & JavaScript » Alert GP
Страница 1 из 11
Поиск:
Топ пользователей: