How to add navtab with id to add-on

[Dadparvar]

Hi,

My add-on has a push menu, that when you click on something with "baseexpand" id, menu comes out.

I added this tab to navigation:

<li style="cursor: pointer" id="baseexpand" class="navTab PopupClosed"><a class="navLink">TAB LABEL</a></li>

And it works.

But I want to add it using code event listener. This is my php code:

$extraTabs['baseexpand'] = array(
            'title' => 'Push Menu',
            'href' => XenForo_Link::buildPublicLink('#XenForo'),
            'selected' => ($selectedTabId == 'baseexpand'),
            'linksTemplate' => 'dad_pushmenu_Navtabs',
      'position' => 'end'
        );

It adds the navtab, but when I click on it, push menu doesn't come out.

Any opinion on how to reach that goal will be appreciated

 

[Chris D]

Each tab automatically has a unique class name, in your case it will be "baseexpand".

Assuming that you have some JS code somewhere that is doing something like this:

$('#baseexpand').something();

You'd just need to update it so it looks like this:

$('.navTab.baseexpand').something();

 

[Dadparvar]

Each tab automatically has a unique class name, in your case it will be "baseexpand".

Assuming that you have some JS code somewhere that is doing something like this:

$('#baseexpand').something();

You'd just need to update it so it looks like this:

$('.navTab.baseexpand').something();

it works.
But there is a problem.
when I click on it, although push menu starts coming out, but the page also starts reloading. Because that tab behaves like a link. How to disable such functionality?

 

[Dadparvar]

I mean, now the created navtab is like this:

<a href="index.php?/" class="navLink">Push Menu</a>

So that when I click it, it load the page.
If it was like this:

<a  class="navLink">Push Menu</a>

Menu would working fine.
Or in any way, the link doesn't load the page and just be clicked.

 

[Chris D]

Set the href to "javascript:"

 

[Dadparvar]

Set the href to "javascript:"

Weird!
I set it to :

'href' => XenForo_Link::buildPublicLink('javascript:'),

But when I click it, it goes to:

http://localhost/xenforo/index.php?javascript:/

and so:

Route javascript:/ could not be found.

 

[Chris D]

No. Just "javascript:". Don't run it through the link builder.

 

[Dadparvar]

No. Just "javascript:". Don't run it through the link builder.

Awesome.
Exactly what I needed.
Thanks