Главная » Функционал » Нестандартные решения » Создание красивых ссылок

Создание красивых ссылок

21.02.2012 в 16:42
Автор: jerrylee     

Здравствуйте Уважаемые читатели, меня зовут Виктор! И я создатель Скриптов для 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
Но адресная строка не меняется.
На этом моя статься заканчивается. Всем спасибо за внимание. Удачи! smile

Произвольные адреса, url, Ссылки, адреса


Прикреплённый файл: 397_Pmf.rar (1.2Kb)

Рейтинг: 32  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 11756          Комментариев: 14

Похожие инструкции

12.06.2015 в 16:11      0  

То что в скрипте уже прописано работает, но то что я добовляю нет, кароче хрень, есть другие способы?
12.06.2015 в 16:57      +1  

Если не работает - значит что-то не правильно делаете.
Пробуйте ещё.
Если совсем не будет получаться - давай ссылку на сайт, попробуем помочь.
Так же можете обратиться сюда: http://upartner.pro/
12.06.2015 в 17:29      0  

Ого, не ожидал что кто то может вообще помочь, ссылка на сайт http://frnsteam.tk/, я хотел бы сделать короткие ссылки на профили пользователей,в общем всё
23.11.2013 в 13:58      0  

Захожу на адрес /index/14 и меня почему то не перенаправляет на   'pm'
23.11.2013 в 14:44      0  

Здравствуйте!
Страницы с адресом Mysite.ru/pm не существует. Перенаправление, если Вы установили скрипт по инструкции, должно срабатывать со страницы: Mysite.ru/pm на страницу: Mysite.ru/index/14
23.11.2013 в 14:53      0  

Я все верно зделал и установил правильно, нажимаю на кнопку ЛС и мне открывает окно по адресу Mysite.ru/index/14 , а почему он меня не переновправил на адрес Mysite.ru/pm
23.11.2013 в 14:56      0  

Вам было пояснено выше.
27.04.2013 в 19:19      0  

А если мне надо заменить страницу название которая Details.aspx?ProductID=100000000512 на страницу /shop/4/desc/kreslo-kachalka-tonet-1 как это сделать, у меня не получилось
17.03.2013 в 17:00      0  

а никаких проблем с индексацией страницы потом не будет??
20.03.2013 в 15:23      0  

Какие именно у Вас возникают опасения? Редирект на необходимые страницы будет происходить непосредственно от страницы "404".
08.02.2013 в 10:05      0  

А можно ли похожим способом (или другим каким-то) изменить адреса стандартных модулей?
Например, мне нужно, чтобы гостевая книга была доступна не по стандартному адресу "site.com/gb", а по другому - например, "site.com/abcde". А по стандартному адресу выдавалось бы "404".
Это связано с тем, что роботы-спамеры ходят по стандартному адресу и пишут свои посты, которые потом приходится вручную вычищать.
06.02.2013 в 18:17      0  

Люди разные. Разжевать всегда надо. Спасибо за доходчивость.
28.08.2012 в 15:42      -1  

Хорошее решение! happy
Только не нужно было всё так подробно разжевывать!
25.02.2012 в 21:48      +2  

сначала

Quote
название скрипта.js


а потом

Quote
fast-sp.js


и еще

Quote
js-bsname.js


может быть все-таки стоит остановиться только на одном варианте и ничего не мудрить? wink