Internal Link to Tabs or Accordeon

More
3 years 5 months ago #9255 by wazzil
wazzil created the topic: Internal Link to Tabs or Accordeon
Is there a possibility to create internal links on tabs or accordeon items created with DJ-Tabs? I mean jump to the page and open that Item. Its a java script issue I know so if the mechanism is implemented I need to know where to put the anchor.

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9257 by marcin
marcin replied the topic: Internal Link to Tabs or Accordeon
Hello,

I am not sure what you wish to achieve.
Do you mean to create a link somewhere on your site that will scroll to the tabs and it will open one of the tabs?

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9258 by wazzil
wazzil replied the topic: Internal Link to Tabs or Accordeon
Thats right, my attempt was to create an internal link to jump to somewhere on my site to a tab item and open it.

Sorry, perhapes a little more details ...

It works with tabs created by DJ-Tabs component and placed in content. Output looks like this:
<div id="p2-1tabs_djtab1" ... >            	
	<span class="djtab-text" title="item">item</span>
...
</div>
Not very comfortable but the link works fine
<a href="#p2-1tabs_djtab1">...</a>


But tab items create by pagebreaks have no id, as far as I can see. So how they were activated? Output looks like this:
<h3><a href="javascript:void(0);">Item</a></h3>

I need both pagebreak tabs and DJ-Tabs component created on my site, because tabs within tabs dont work, tabs within pagebreak work fine.

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9266 by marcin
marcin replied the topic: Internal Link to Tabs or Accordeon
Hello,

Thank you for explanation.

Pagebreak tabs/accordion is a core feature of Joomla. The tabs do not have any id and I am afraid that even if you add an id to them, it will not work as expected without some further modification of the markup and/or javascript.

As alternative, you can play with bootstrap markup to display the tabs:
getbootstrap.com/2.3.2/components.html#navs
You can find many tutorials on how to open a tab from a link:
stackoverflow.com/questions/19814481/lin...et-the-tab-to-active
github.com/twbs/bootstrap/issues/2415

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.246 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.