Офис НП AMWAY в Ярославле
→ На карте Купить AMWAY: офис в ЯрославлеКонсультации, презентации, мастер–классы, знакомство с продукцией, заказ и выдача купленного товара:
●Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
●Телефон: +7 (920) 112-00-91
●Email: matyxho@mail.ru
●Сайт: https://www.amway.ru/user/lebedem
●Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » Программирование » Симпатичная страница ошибки- печатающийся текст
Сниппет
Увидел на одном сайте интересную страницу ошибки 404- печатающийся текст. Довольно забавно смотрится. Чуть погуглив нашел несколько вариантов подобного, однако либо код был нерабочим, либо реализация требовала многих изменений...
Симпатичная страница ошибки- печатающийся текст
Понятно, что пользователи должны как можно реже, а в идеале- вообще никогда, наблюдать страницы ошибок 404 и ей подобных. Однако, если это все же произошло, ты можешь сделать эту страницу весьма привлекательной и информативной. Один из вариантов реализации- печатающийся текст. Создается впечатление, что с тобой общается вебсервер- можно вставить любые шутки, а можно выводить полезную информацию- все зависит от твоей фантазии и серьезности проекта.
Итак, создаем файл, например, 404.js и помещаем его в любой удобный каталог, хотя можно и в корень- это не столь важно. Вот как он выглядит:
В принципе, основная часть работы сделана. Как уже говорил выше, текст меняй на свой, все зависит от воображения и потребностей. Далее нам нужно прописать сам вывод. Надеюсь, сама страница ошибки 404 у тебя уже есть, как ее подключить можно посмотреть в FAQ по .htaccess. В решениях, которые я находил, нужно было править тег <body>, однако это весьма неудобно, если у тебя шапка предназначена для всех страниц. Поэтому здесь привожу пример без правки body, следовательно, мы не нарушаем общий код твоего сайта. Единственное, что нам нужно будет сделать, это подключить файл 404.js до закрывающего тега <head>, то есть вот так:
Ну и далее выводим само содержимое на страницу ошибки:
Вот, собственно, и все. Смотрится весьма кошерно, по крайней мере это интереснее, чем наблюдать тупую надпись ERROR 404: Not Found. Пример можешь посмотреть у меня, вбив несуществующий адрес. Всех благ тебе, удачи и всего лучшего!
Итак, создаем файл, например, 404.js и помещаем его в любой удобный каталог, хотя можно и в корень- это не столь важно. Вот как он выглядит:
Код: JAVASCRIPT
var tl = new Array(
"Того, что ты пытаешься найти, не существует.",
"URL неверен.",
"Я даже попробовал похлядеть рядом, в соседних файлах и папках",
"Блин, ну нет ничего даже похожего!",
"Ты точно не перепутал этот сайт с каким-то другим?",
"А случайно не напутал с www.meweb.ru?",
"Как жаль, что тоже нет... Пичалька...",
"Послушай, я всего лишь скромный веб-сервер, работаю только за еду...",
"Я ничего не знаю. Я никого не видел. И ничего не слышал.",
"У меня даже нет ушей, чтобы слышать. И глаз, чтобы видеть.",
"Я в глубочайшей депрессии.",
"Ну откуда я знаю, что ты хочешь от меня?!",
"Ты шо, действительно считаешь, что я могу догадаться?!",
"Ну когда ты уйдешь отсюда?!",
"Тута ну ничегошеньки нет...",
"Чесслово.",
"Я сейчас заплачу...",
"Хнык...",
"А хочешь, я тебе спою?",
"Нет?",
"Я просто очень плохо слышу...",
"У меня ж ушей нет...",
"Не издевайся над бедным веб-сервером!",
"Ну не виноват я, что странички нет.",
"Это все Pisatel!",
"По крайней мере, аккаунт с таким именем.",
"Ой, как мне плохо...",
"Ну что, ты все еще тутова?",
"О, а у меня идея!",
"Попробуй вместо http: указать https:",
"Крутяво, да?",
"Да, наверное было бы восхитительно, если у меня был бы SSL.",
"Ну SSL- защищенное соединение...",
"Смешная шутка, да?",
"Ну и ладно.",
"Я тут у соседних серверов поспрашивал.",
"Такого URL у них тоже нет.",
"Поверь мне!",
"Мне очень жаль.",
"Искренне!",
"Я знаю, моя работа - отдавать тебе запрашиваемые страницы.",
"И я по мере сил стараюсь выполнять свою работу хорошо.",
"У меня хороший администратор.",
"Веришь мне?",
"Послушай, а у меня тут есть другие страницы.",
"Не интересуешься?",
"Снова пичалька...",
"Может быть, порнушка?",
"Жаль. Очень жаль.",
"Ой, подожди, мне тут подсказывают...",
"А ты не пробовал идти с главной страницы?",
"Пробовал?",
"Жаль. Тогда напиши письмо Создателю.",
"Да- да, именно с большой буквы!",
"Я очень его уважаю и ценю",
"Он твое письмо обязательно прочтет.",
"Ой, а может, ты хотел меня поломать?!",
"У меня все болит...",
"Хочешь, я тебе анекдот расскажу?",
"Ой, ко мне кто-то еще пришел.",
"Извини, я тебя оставлю на секундочку...",
"Ой, меня перезагружают.",
"Прощай!",
"Надеюсь, мы больше никогда не увидимся!",
"");
var speed = 40;
var index = 0;
text_pos = 0;
var str_length = tl[0].length;
var contents, row;
function type_text(){
contents = '';
row = Math.max(0,index-7);
while(row < index)contents+=tl[row++]+'\r\n';
document.forms['frm404'].infld.value=contents+tl[index].substring(0,text_pos)+'_';
if(text_pos++==str_length){
text_pos = 0;
index++;
if(index!=tl.length){
str_length=tl[index].length;
setTimeout('type_text()',1500);
}
} else
setTimeout("type_text()",speed);
}
В принципе, основная часть работы сделана. Как уже говорил выше, текст меняй на свой, все зависит от воображения и потребностей. Далее нам нужно прописать сам вывод. Надеюсь, сама страница ошибки 404 у тебя уже есть, как ее подключить можно посмотреть в FAQ по .htaccess. В решениях, которые я находил, нужно было править тег <body>, однако это весьма неудобно, если у тебя шапка предназначена для всех страниц. Поэтому здесь привожу пример без правки body, следовательно, мы не нарушаем общий код твоего сайта. Единственное, что нам нужно будет сделать, это подключить файл 404.js до закрывающего тега <head>, то есть вот так:
Код: HTML
<head>
<!-- Здесь все твои подключения, перед закрытием добавляешь следующее -->
<script type='text/javascript' src='/papka/404.js'></script>
</head>
Ну и далее выводим само содержимое на страницу ошибки:
Код: HTML
<form name='frm404'>
<textarea name='infld' rows='8' cols='60' wrap='soft'></textarea>
</form>
<script type='text/javascript'>type_text()</script>
Вот, собственно, и все. Смотрится весьма кошерно, по крайней мере это интереснее, чем наблюдать тупую надпись ERROR 404: Not Found. Пример можешь посмотреть у меня, вбив несуществующий адрес. Всех благ тебе, удачи и всего лучшего!
Понравилась статья?
Метки для данной статьи
Похожие статьи
Поделиться:
Последние активные темы форума
Темы | Просмотров | Ответов | Последние сообщения | |
Вопрос по переделке bb-кода PHP, MySQL |
21880 | 5 | Pisatel 26. мая 2017 |
|
Вопросы по Ajax форме обратной связи CMS PHP Fusion |
66523 | 48 | Ditrin 19. февраля 2017 |
|
BBCode YouTube Video Colorbox mod CMS PHP Fusion |
15146 | 2 | Pisatel 10. декабря 2016 |
|
Как лучше создать собственную страницу? CMS PHP Fusion |
17591 | 17 | Pisatel 11. мая 2016 |
|
Небольшие вопросы по скриптам магазина и катало... PHP, MySQL |
140965 | 80 | Pisatel 11. января 2016 |
|
BBCode Code mod CMS PHP Fusion |
14093 | 0 | Pisatel 31. августа 2015 |
|
Ajax Like Dislike Article Panel CMS PHP Fusion |
22112 | 16 | Pisatel 07. июля 2015 |
|
Хлебные крошки / BreadCrumbs SEO Panel CMS PHP Fusion |
25747 | 17 | Pisatel 04. июля 2015 |
|
Abbr Description BBCode CMS PHP Fusion |
7546 | 0 | Pisatel 15. июня 2015 |
|
Плагин Email рассылки Mail To All by Pisatel CMS PHP Fusion |
36134 | 32 | Pisatel 26. апреля 2015 |
|
Подозрительный трафик и прочие страшилки Всякая хрень |
11613 | 2 | Ditrin 23. апреля 2015 |
|
Мод Newsletter - рассылка писем пользователям с... CMS PHP Fusion |
30804 | 13 | Pisatel 10. апреля 2015 |
|
Мод отправки писем PHPMailer для PHP-Fusion CMS PHP Fusion |
124638 | 113 | Ditrin 06. апреля 2015 |
|
Появление неизвестного файла subscriptions.php CMS PHP Fusion |
8756 | 2 | Pisatel 06. апреля 2015 |
|
Autoban on IP CMS PHP Fusion |
22980 | 13 | Pisatel 03. апреля 2015 |