Офис НП AMWAY в Ярославле
Купить продукцию Амвей в Ярославле
→ На карте Купить AMWAY в ЯрославлеПриобрести высококачественную продукцию Амвей в Ярославле, получить консультации по бизнесу, заказать продукцию или получить заказ:
●Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
●Телефон: +7 (920) 112-00-91
●Email: matyxho@mail.ru
●Сайт: https://www.amway.ru/user/lebedem
●Визитка: http://yar.meweb.ru
Иерархия статей
Статьи » Программирование » Симпатичная страница ошибки- печатающийся текст
Сниппет
Увидел на одном сайте интересную страницу ошибки 404- печатающийся текст. Довольно забавно смотрится. Чуть погуглив нашел несколько вариантов подобного, однако либо код был нерабочим, либо реализация требовала многих изменений...
Симпатичная страница ошибки- печатающийся текст
Опубликовал Pisatel Pisatel Добавлено 12-03-2013 10:58 12 Март 2013 10:58:22 6373 Прочтений 6373 Прочтений
 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. Пример можешь посмотреть у меня, вбив несуществующий адрес. Всех благ тебе, удачи и всего лучшего!
Понравилась статья?
Метки для данной статьи
Теги:  #страница 404 #страница ошибки #симпатичная ошибка #скрипт #js #javascript #html 
Похожие статьи
Заголовок
Категория
Просмотров
10321
4071
4844
Поделиться:   
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL		 22346 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion		 68673 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion		 15369 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion		 17913 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL		 145025 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion		 14429 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion		 22570 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion		 26274 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion		 7670 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion		 37037 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень		 11807 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion		 31057 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion		 128565 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion		 8850 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion		 23205 13 Pisatel
03. апреля 2015