Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 4425 Просмотров
*

DeDMazday

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Как собственно сослаться на якорь в другом табе? Обычный способ не работает (id="...." / a href= )
Сайт о котором речь, типовая страница http://travelsbase.ru/index.php/leningradskaya-obl/ozero-kopanskoe
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Якорь/анкор ссылка в другой таб
« Ответ #1 : 21.06.2015, 16:24:43 »
А так просто не получится. Нужно каждому табы свой id задать. Хотя, можно JavaScript небольшой написать для упрощения.
*

DeDMazday

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Якорь/анкор ссылка в другой таб
« Ответ #2 : 21.06.2015, 17:22:42 »
табы и так с метками, но дело в том что и на метку таба не удается сослаться

Код
<div class="tabbable">
<ul class="nav nav-tabs" id="k2itemtabs">
<li class="active"><a href="#description" data-toggle="tab"><?php echo JText::_('K2_DESCRIPTION')?></a></li>
        
        <?php if($this->item->params->get('itemExtraFields') && count($this->item->extra_fields)): ?>      
        <li><a href="#extra" data-toggle="tab"><?php echo JText::_('K2_ADDITIONAL_INFO'); ?></a></li>      
       <?php endif; ?>
  </ul>

........

 <div class="tab-pane" id="extra">
......
« Последнее редактирование: 21.06.2015, 17:32:08 от DeDMazday »
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Якорь/анкор ссылка в другой таб
« Ответ #3 : 21.06.2015, 17:25:33 »
думаю скриптом самое то.но не думаю, что метками такими, согласно класса.хотя, чем чёрт не шутит)))
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

DeDMazday

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Якорь/анкор ссылка в другой таб
« Ответ #4 : 21.06.2015, 17:41:48 »
Кто бы ещё разжевал какой скрипт и как прикрутить к ссылке, а то я в js совем профан.
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Якорь/анкор ссылка в другой таб
« Ответ #5 : 21.06.2015, 17:49:14 »
Кто бы ещё разжевал какой скрипт и как прикрутить к ссылке, а то я в js совем профан.
Ну попросите Шустрого, раз он первый предложил и переходить дорогу - не есть приличие.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Якорь/анкор ссылка в другой таб
« Ответ #6 : 21.06.2015, 21:54:09 »
табы и так с метками, но дело в том что и на метку таба не удается сослаться

Я не про метки написал. Табам нужен id, на который можно будет якорь повесить.

Ну попросите Шустрого, раз он первый предложил и переходить дорогу - не есть приличие.

Да ладно. Мы не раз друг за другом дописывали решения в разных темах. Будет свободная минутка на досуге — сделаю, мне не сложно. Обещать ничего не могу. Быстро — это только в коммерческий раздел.
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Якорь/анкор ссылка в другой таб
« Ответ #7 : 21.06.2015, 22:12:31 »
Ну я имел ввиду, если автор платно захочет, не делая новую тему в комм разделе, а лично напишет вам.
а по теме-вот якоря скриптом, переделать и симпотно будет, как вы хотите.
http://pcvector.net/uploads/demo/scripts/scrollup/scrollify/index.html#home
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

DeDMazday

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Якорь/анкор ссылка в другой таб
« Ответ #8 : 22.06.2015, 13:16:41 »
Симпотно будет, но вопрос стоит не просто красиво к якорю переместить, а сослаться во вкладку, вот и непонятно будет ли работать ссылка во вкладку.
+ в существующую структуру страницы без серьезной переделки не впишешь
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Якорь/анкор ссылка в другой таб
« Ответ #9 : 22.06.2015, 22:53:18 »
Код: html4strict
<!DOCTYPE html>
<html>
<head lang="ru">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<a name="hash1">hash1</a>
<a name="hash2">hash2</a>
<a name="hash3">hash3</a><br>
<a href="#hash1">hash1</a>
<a href="#hash2">hash2</a>
<a href="#hash3">hash3</a>
<script>
    if (!Array.prototype.forEach) {
        Array.prototype.forEach = function (fn, scope) {
            for (var i = 0; i < this.length; ++i) {
                fn.call(scope, this[i], i, this);
            }
        };
    }
    function arr(nodeList) {
        return Array.apply(null, nodeList);
    }
    function tabclick(e) {
        alert(( e ? e.target : window.event.srcElement).innerHTML);
    }
    window.onload = function () {
        arr(document.querySelectorAll('a[name^="hash"]')).forEach(function (tab) {
            tab.onclick = tabclick;
        });
    };
    window.onhashchange = function(){
        if (window.location.hash) {
            document.querySelector('a[name="' + window.location.hash.substr(1) + '"]').click();
        }
    }
</script>
</body>
</html>
это пример реализации на js . Добавьте к адресу страницы #hash3 и обновите страницу или перейдите по ссылке адрес страницы#hash2
Или понажимайте на ссылки
*

DeDMazday

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Якорь/анкор ссылка в другой таб
« Ответ #10 : 23.06.2015, 20:57:00 »
это пример реализации на js . Добавьте к адресу страницы #hash3 и обновите страницу или перейдите по ссылке адрес страницы#hash2
Или понажимайте на ссылки

В пределах таба работает, в другой таб не ссылается к сожалению.
Табу присвоено свойство display = none и по клику присваивается видимость. Что бы сослаться в другой таб, вероятно надо текущий скрыть а открыть какой то другой причем какой неизвестно. Как это реализовать непонятно
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Якорь/анкор ссылка в другой таб
« Ответ #11 : 23.06.2015, 21:39:43 »
Табу присвоено свойство display = none и по клику присваивается видимость.
Так в этом и проблема
Табы с помощью CSS
Спойлер с помощью css
Табы и вкладки Jquery
Табы на js
Заголовки ведь везде,  не скрываются
*

DeDMazday

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Якорь/анкор ссылка в другой таб
« Ответ #12 : 24.06.2015, 20:04:45 »
Так в этом и проблема
Табы с помощью CSS
Спойлер с помощью css
Табы и вкладки Jquery
Табы на js
Заголовки ведь везде,  не скрываются

Может я что то не понял или не так делаю, но ссылки на заголовок (или id= в заголовке) не дают результата
*

vladsklyar

  • Захожу иногда
  • 86
  • 1 / 0
Re: Якорь/анкор ссылка в другой таб
« Ответ #13 : 24.06.2015, 21:52:12 »
использую для Jcomments в карточке товара VirtueMart 2
echo $count ? ('<a href="#jc" onclick="javascript:jQuery(\'.tabs .tab2\').trigger(\'click\');">Отзывов ('. $count . ')</a>') :'<a href="#jc" class="no-rating" onclick="javascript:jQuery(\'.tabs .tab2\').trigger(\'click\');">Напишите первый отзыв</a>';
табы стандартные Joomla 2.5
пример http://narubalky.in.ua/podstavki/podstavka-d-spinninga-1-2m-6720011-detail.html

Напишите первый отзыв
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Миграция на Joomla с другой CMS

Автор cntrl

Ответов: 5
Просмотров: 1514
Последний ответ 05.09.2020, 00:34:40
от effrit
При переносе сайта на другой хостинг сайт обрезался

Автор kaminchik

Ответов: 3
Просмотров: 1262
Последний ответ 18.04.2019, 10:29:43
от Technic
Найти где внедряется ссылка

Автор archin_lin

Ответов: 1
Просмотров: 750
Последний ответ 13.02.2019, 18:16:59
от voland
Категория как ссылка на модуль

Автор PyCu4

Ответов: 4
Просмотров: 992
Последний ответ 23.01.2019, 13:57:08
от PyCu4
Перенос данных с движка на другой движ

Автор exger

Ответов: 0
Просмотров: 895
Последний ответ 05.12.2018, 01:00:53
от exger