 Создание красивых ссылокЗдравствуйте Уважаемые читатели, меня зовут Виктор! И я создатель Скриптов для Ucoz.
В данном уроке я хочу вас научить создавать красивые адреса для сайта в виде: 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 Но адресная строка не меняется. На этом моя статься заканчивается. Всем спасибо за внимание. Удачи! 
 Прикреплённый файл: 397_Pmf.rar (1.2 Kb) |
Просмотров: 16561
Похожие инструкции |