3 варианта диалоговых окон в блоге

Всем, доброго времени суток. Решила сегодня завести разговор про диалоговые окна. Знаю, что такие почти всегда и всех раздражают. Но всё же на многих сайтах они стоят и, на мой взгляд, иногда несут и положительную функцию. И об этом поговорим ниже.

Хочу предложить вам несколько вариантов появляющихся диалоговых окон, а нужны они вам или нет, решайте сами.

Вариант 1.

Такое окно с предупреждением о переходе на другой сайт. Блокирует любое действие пользователя, на какой-то момент оно задерживает его на странице и, в то же время, выдаёт предупреждение.

<a href=" ссылка на страницу " onclick="return confirm('Вы уверены что хотите перейти по ссылке?')">шпаргалки блогерши</a>,

Вариант 2.

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

<script>
if(confirm("Если вы не нашли здесь нужной информации - нажмите ОК, где вы наверняка найдёте много полезного! Желаете остаться на этой странице - нажмите Отмена! "))
{
location = "адрес страницы ";
}
else
{
history.back();
}
</script>

Вариант 3.

Ещё одно диалоговое окно, которое появляется при копировании материала и блокирует действия пользователя пока он не нажмет на кнопку. Можно обратится к пользователю с предложением поделиться информацией или напомнить, чтобы дал активную ссылку на скопированный текст.

Здесь я этот пример дать не могу, так как предполагается, что все коды, которые я публикую в блоге, предназначены исключительно для копирования. И такое окно будет совершенно не уместным.

&lt;body onCopy=&quot;alert(&#39;Вы скопировали контент блога. Автору будет очень приятно если вы поделитесь информацией с друзьями и не забудете указать активную ссылку на источник при публикации материала!&#39;); return true;&quot;&gt;

Два первых кода устанавливаются непосредственно на странице любого сообщения в режиме HTML. Отображаться диалоговые окна будут только на этих страницах.

Последний код устанавливаем в шаблоне блога перед закрывающимся тегом </head>. Он будет появляться всегда, если пользователь скопировал любую информацию на вашем блоге.

Сегодня у меня всё. Спасибо за ваш визит и до встречи.

👇

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email