Как изменить javascript alert

ГлавнаяJava скрипты → Алерт

фото алерт сообщение

Здесь я покажу, как можно изменить и сделать более красивее системное сообщение - javascript alert, и самое главное, в Алерт можно внедрять любой код: ссылки, картинки и видео.

Мы рассмотрим 12 сообщений Алерт различных по своему виду и анимации.
В моих примерах мы же изменим внешний вид javascript alert с помощью дополнения стилевых значений и применения Java, и сообщение "Алерт" у нас примет уже не стандартный вид, как он идёт изначально, а тот, какой мы захоит сами, и оно будет выводиться без проблем во всех основных браузерах.

12 примеров сообщений javascript alert


Представленные примеры сообщений Алерт легко редактируются на ваше усмотрение: цвет и фон затемняющего основного окна, размеры, фон сообщения, цвет, рамка и тень, цвет и размер текста. В таких системных сообщениях можно выводить любую информацию.


Как изменить javascript alert:

В скачанном архиве лежат 2 файла: стилевой (css) и java скрипт (js), их и нужно залить на хостинг к себе на сайт.
Файл index.html служит примером всех анимационных эффектов для сообщений Алерт. Открыв его через браузер, вы наглядно всё увидите сами, а открыв его текстовым редактором, вы можете скопировать код любого сообщения и вставить на свою страницу, не забыв прописать пути для подключения скриптов и стилевого файла, как это сделано index.html

Разберём параметры скрипта

<script>
$('.demo-1').on('click',function(){$.alert({
title: 'Attention!',
animation: 'scale',
content: 'Alert System message with propisaniem links, images and videos.',
theme: 'may'
});});
</script>

$('.demo-1') - здесь в кавычках прописывается класс, который обрабатывается скриптом и запускает окно;
title - это заголовок сообщения Алерт;
animation - эффект анимации;
content - текстовая область сообщения Алерт;
theme - здесь указываете свой класс для стилевого оформления системного сообщения Алерт. То есть, если вы прописали, как в данном случае класс may, то вам нужно добавить этот же класс и в файл css, и прописать для него стилевые параметры для оформления своего окна Алерт. Если данный параметр оставить пустым, либо сделать в нём ошибку, то ваше сообщение Алерт будет оформлено по стандартному значению.


Для того, чтобы вызвать "javascript alert" на странице, пропишите в любом месте этот код:

<p><a class="demo-1">Эффект появления</a></p>

На этом всё, оставляем комментарии, нажимаем на Лайки, и спрашиваем, что не понятно!


Скачать javascript alert (Алерт)

Поделись ссылкой с друзьями:

Комментарии к статье