Офис НП AMWAY в Ярославле
Купить продукцию Амвей в Ярославле, офис Amway
На карте Купить AMWAY: офис в ЯрославлеКонсультации, презентации, мастер–классы, знакомство с продукцией, заказ и выдача купленного товара:
Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
Телефон: +7 (920) 112-00-91
Email: matyxho@mail.ru
Сайт: https://www.amway.ru/user/lebedem
Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » Программирование » Симпатичная страница ошибки- печатающийся текст
Сниппет
Увидел на одном сайте интересную страницу ошибки 404- печатающийся текст. Довольно забавно смотрится. Чуть погуглив нашел несколько вариантов подобного, однако либо код был нерабочим, либо реализация требовала многих изменений...
Симпатичная страница ошибки- печатающийся текст
Опубликовал  Pisatel Добавлено  12-03-2013 10:58 12 Март 2013 10:58:22 2385  Прочтений 2385 Прочтений  0 Комментариев 0 Комментариев
 printer
Понятно, что пользователи должны как можно реже, а в идеале- вообще никогда, наблюдать страницы ошибок 404 и ей подобных. Однако, если это все же произошло, ты можешь сделать эту страницу весьма привлекательной и информативной. Один из вариантов реализации- печатающийся текст. Создается впечатление, что с тобой общается вебсервер- можно вставить любые шутки, а можно выводить полезную информацию- все зависит от твоей фантазии и серьезности проекта.
Итак, создаем файл, например, 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. Пример можешь посмотреть у меня, вбив несуществующий адрес. Всех благ тебе, удачи и всего лучшего!
Понравилась статья?
Метки для данной статьи
Похожие статьи
Поделиться:   
Комментарии
Нет комментариев.
Добавить комментарий
Имя:

Проверочный код:
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL
805 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion
5062 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion
5955 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion
3769 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL
37536 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion
2835 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion
5104 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion
5638 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion
2056 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion
7915 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень
3302 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion
4835 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion
23245 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion
2497 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion
10417 13 Pisatel
03. апреля 2015