Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.05.2016, 13:27
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

определение ссылки
Добрый день вам ребята
в общем проблема такая
есть основное меню
<li><a href="">1</a></li>
<li class="active"><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>

Так же есть ссылки на предыдущую и следующую страницу с название страницы из меню

<a href="" class="hpage__footer-link"><span class="fa fa-angle-left fa-lg"></span>1</a>
<a href="" class="hpage__footer-link">3<span class="fa fa-angle-right fa-lg"></span></a>

Нужно, что бы выводилась ссылка и название следующей и предыдущей страницы от класса актив

Надеюсь понятно объяснил.
Заранее спасибо за овтет
Ответить с цитированием
  #2 (permalink)  
Старый 31.05.2016, 13:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Step48_rus,
а на сервере это сделать?
$(function(){
 var act = $("li.active");
 act.prev().find("a").prepend('<span class="fa fa-angle-left fa-lg"></span>').addClass("hpage__footer-link")
 act.next().find("a").append('<span class="fa fa-angle-right fa-lg"></span>').addClass("hpage__footer-link")
 })
Ответить с цитированием
  #3 (permalink)  
Старый 31.05.2016, 14:03
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

не совсем то
должно не на том же месте выводить стрелочки,а внизу,причем остальные элементы не должны быть видны.
например первая страница
внизу должна быть ссылка на вторую.
На второй странице ссылка на первую и на третью.
на третей ссылка на 4 и на 2
Ответить с цитированием
  #4 (permalink)  
Старый 31.05.2016, 14:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Step48_rus,
я пас, не понимаю, нет вариантов.
Ответить с цитированием
  #5 (permalink)  
Старый 31.05.2016, 16:42
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

вот,смотри,вверху меню,внизу только следующая страница и предидущая. надеюсь так понятнее
Изображения:
Тип файла: jpg Our history1.jpg (15.6 Кб, 3 просмотров)
Ответить с цитированием
  #6 (permalink)  
Старый 31.05.2016, 16:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Step48_rus,
информации ноль
Ответить с цитированием
  #7 (permalink)  
Старый 31.05.2016, 16:52
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

в общем,тоже самое,что и ты сделал, но что бы еще ссылки со стрелочками выводились в нужном диве
Ответить с цитированием
  #8 (permalink)  
Старый 31.05.2016, 16:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Step48_rus,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

 </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

  <script>
 $(function(){
 var act = $("li.active");
 var prev = act.prev();
 var next = act.next();
 prev.length && prev.find("a").clone().prepend('<span class="fa fa-angle-left fa-lg"></span>').addClass("hpage__footer-link").appendTo(".footer")
 next.length && next.find("a").clone().append('<span class="fa fa-angle-right fa-lg"></span>').addClass("hpage__footer-link").appendTo(".footer")
 })
  </script>
</head>

<body>
<ul>
 <li ><a href="">1</a></li>
 <li class="active"><a href="">2</a></li>
 <li><a href="">3</a></li>
 <li><a href="">4</a></li>

</ul>
<div class="footer"></div>
</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 31.05.2016, 17:06
Аспирант
Отправить личное сообщение для Step48_rus Посмотреть профиль Найти все сообщения от Step48_rus
 
Регистрация: 22.07.2015
Сообщений: 68

да,да,да,то что надо,спасибо тебе огромное, есть кошелек для перевода?)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Внутри разворачивающегося по клику DIVа не работают ссылки JavaScriptNoob Элементы интерфейса 2 17.11.2015 00:01
Как открыть все сгенерированные ссылки с общим id в списке одним кликом? malefikus13 Общие вопросы Javascript 12 22.07.2015 08:52
Ссылки внутри другой ссылки Madgeniy Events/DOM/Window 4 11.08.2012 14:58
Определение ссылки в момент нажатия debugx Элементы интерфейса 1 29.07.2011 13:26
ссылки получали стиль "visited" только на время сессии alexandr_poskrobka Серверные языки и технологии 7 10.03.2010 08:48