VBMenu Popup Not Working

[schan]

Hi all,

An article regarding a similar issue that I'm having was discussed here: https://vborg.vbsupport.ru/showthrea...ghlight=vBMenu. I don't want to revive a dead article so that's why I'm starting a new one.

What I want to do is dead simple with Twitter Bootstrap's modal functionality or the usage of jQuery dialog/popups, but I want to use the built-in vBulletin's pop up functionality for maintainability. I would assume that the concept is the same where you add in the correct class into the html elements and rely on the built-in framework's javascript to handle the controls(show, hide, hover, mouseover, and so on). From my understanding, to use popup menus in vB4, you set the class of the link (a tag) to popupctrl, and then wrap the contents in a ul with the class popupbody. However, that doesn't work for me. Am I doing something wrong?

Here's a short snippet of my code:

<td class="popupmenu" id="NavCategories">
<a class="popupctrl" href="/forumdisplay.php">{vb:rawphrase Browse}</a>
<ul class="popupbody">
----Content of that page goes here-----
</ul>
...

What I'm expecting to happen is that when I click on "Browse", a popup menu of categories will pop up. Instead, it redirects me to the page...which implies that the JS isn't working or something else is going on. I've confirmed that vbulletin-core.js is loaded.

Thanks,
-S

[tbworld]

Originally Posted by schan

Hi all,

An article regarding a similar issue that I'm having was discussed here: https://vborg.vbsupport.ru/showthrea...ghlight=vBMenu. I don't want to revive a dead article so that's why I'm starting a new one.

What I want to do is dead simple with Twitter Bootstrap's modal functionality or the usage of jQuery dialog/popups, but I want to use the built-in vBulletin's pop up functionality for maintainability. I would assume that the concept is the same where you add in the correct class into the html elements and rely on the built-in framework's javascript to handle the controls(show, hide, hover, mouseover, and so on). From my understanding, to use popup menus in vB4, you set the class of the link (a tag) to popupctrl, and then wrap the contents in a ul with the class popupbody. However, that doesn't work for me. Am I doing something wrong?

Here's a short snippet of my code:

<td class="popupmenu" id="NavCategories">
   <a class="popupctrl" href="/forumdisplay.php">{vb:rawphrase Browse}</a>
       <ul class="popupbody">
                     ----Content of that page goes here-----
       </ul>

...

What I'm expecting to happen is that when I click on "Browse", a popup menu of categories will pop up. Instead, it redirects me to the page...which implies that the JS isn't working or something else is going on. I've confirmed that vbulletin-core.js is loaded.

Thanks,
-S

You were so close: you just missed the JavaScript call. This example came from the 'SHOWTHREAD' template.

            <div id="inlinemod_formctrls" class="popupmenu">
Look -->    <a href="javascript://" class="popupctrl"><span class="ctrlcontainer">/span></a> 
                <ul class="popupbody popuphover">
                    <vb:if condition="$show['managethread']">
                    <li>

Hope this helps!