Красивые адреса для сайта в виде:
mysite.ru/promo
mysite.ru/download
mysite.ru/register
Для начала нам понадобятся заготовка простейшего скрипта.
Code
(function(){
var links = {
'pm':{
'url':'/index/14',
'title':'Сообщения'
},
'settings':{
'url':'/index/11',
'title':'Настройки'
},
'register':{
'url':'/index/3',
'title':'Регистрация'
}
}
var path = title = '',
url = document.location.pathname;
$.each(links, function(i, obj){
if(url.match(new RegExp(i,"g")) != null){
path = obj.url;
title = obj.title;
return false;мс
}
});
if(path == '' && url.match(/\//g).length == 1){
path = '/index/8-0-'+url.substr(1).replace(/-/g, '~')+'/';
title = 'Профиль пользователя '+url.substr(1);
}
if(path != '' && title != ''){
document.title = title;
$(function(){
$('body').html('<iframe id="parent-iframe" src="'+path+'" style="width:100%;height:100%" frameborder="0"><\/iframe>');
$('#parent-iframe').load(function(){
$(this).contents().find('a').attr('target', '_top');
});
});
} else {
$(function(){
document.title = 'Ошибка 404. Запрашиваемая страница не найдена.';
$('#content-404').show();
});
}
})();
1. Создадим текстовый документ (.txt), и откроем его через блокнот.
2. Вставим в блокнот выше показанный код
3. Сохраняем текстовый документ, и делаем как показано на рисунке:
P.s Хочу заметить, что после названия скрипта обязательно введите .js иначе, ничего не сработает!!
4. Создадим текстовый документ (.txt)
5.Вставим данный код:
Code
<html>
<head>
<title>404</title>
<script type="text/javascript" src="http://s28.ucoz.net/src/jquery-1.6.1.js"></script>
<script src="/название скрипта.js"></script>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body style="padding:0px;margin:0px;">
<div class="content-404" style="display:none">
<!-- КОД СТРАНИЦЫ 404 -->
<div style="text-align:center">
<div style="font-family: tahoma;font-size: 105pt;font-weight: bold;color: #2B587A;margin: 62px 0 0 0;">404</div>
<div>Простите, но страница была удалена, либо изменена.</div>
</div>
<!-- / КОД СТРАНИЦЫ 404 -->
</div>
</body>
</html>
6.При создании кода, в строке:
Code
<script src="/название скрипта.js"></script>
На место "название скрипта" впишите название, которые вы указали в пункте: 3. Пример: "fast-sp.js"
7.Сохраните файл как показано на рисунке:
Внимание! обязательно назовите его "404.htm"
8. Войдите в панель управления сайта > файловый менеджер.
9. Загрузите 2 файлы "404.htm" и "fast-sp.js" В корень сайта, чтобы они открывались по адресу: "mysite.ru/fast-sp.js"
10. Проверьте скрипт при помощи адресной строки: "mysite.ru/pm"
Теперь я расскажу как можно редактировать данный скрипт:
Code
var links = {
'pm':{
'url':'/index/14',
'title':'Сообщения'
},
'settings':{
'url':'/index/11',
'title':'Настройки'
},
'register':{
'url':'/index/3',
'title':'Регистрация'
}
}
Данная часть кода отвечает за перенаправление страниц. Остальную часть можно не трогать.
Если вы хотите добавить или отредактировать часть кода, то:
Code
},
'будет отображаться в адресной строке':{
'url':'адрес на который идет перенаправление',
'title':'Что будет выводиться в заголовке страницы'
}
Пример:
Code
},
'promo':{
'url':'/promo.htm',
'title':'Скачать battlefield 3 бесплатно торрентом, купить по низкой цене'
},
Так как же это работает?
Когда вы вводите в адресную строку к примеру: "mysite.ru/pm" -Это личные сообщения. Так как данной страницы нет на сайте, то проходит перенаправление, на страницу 404, или проще говоря: "страница не найдена". Однако там срабатывает скрипт:
Code
<script src="/js-bsname.js"></script>
в котором содержатся условные перенаправления.
Пример:
Mysite.ru/pm > Mysite.ru/index/14
Mysite.ru/register > Mysite.ru/index/3
Но адресная строка не меняется.
На этом моя статься заканчивается. Всем спасибо за внимание. Удачи!