Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Load/reload the Notifications FlyoutMenu using AJAX

oliverraduneroliverraduner Contributing to Vanilla since 2010Switzerland ✭✭
edited October 2015 in Vanilla 2.0 - 2.8

Hi there,
As I understand, the Notification menu (notifications popin) is not rendered on page load but it's content and thus the whole menu is loaded on the first click. Correct?

So can anyone help me to understand, how I can basically reload this menu using an AJAX-request (no page load required)?

Looking forward to any hints :)


  • Options
    R_JR_J Ex-Fanboy Munich Admin

    If you look at the HTML before you first click the notifications item, you see that markup:

    <span rel="/profile/notificationspopin" class="ToggleFlyout"><a title="Notifications" class="MeButton FlyoutButton js-clear-notifications" href="/profile/R_J"><span class="Sprite Sprite16 SpNotifications"></span><em>Notifications</em></a><span class="Arrow SpFlyoutHandle"></span><div class="Flyout FlyoutMenu"></div></span>
    <span rel="/profile/notificationspopin" class="ToggleFlyout">
        <a title="Notifications" class="MeButton FlyoutButton js-clear-notifications" href="/profile/R_J">
            <span class="Sprite Sprite16 SpNotifications"></span>
        <span class="Arrow SpFlyoutHandle"></span>
        <div class="Flyout FlyoutMenu"></div>

    The only thing of interest for you is the following:

    <span rel="/profile/notificationspopin" class="ToggleFlyout">
        <div class="Flyout FlyoutMenu"></div>

    Into this empty div, the following code is inserted:

    So what you would have to do is to empty this div and add the code from the link above again.

  • Options
    oliverraduneroliverraduner Contributing to Vanilla since 2010 Switzerland ✭✭

    Thank you @R_J , I think I'll figure it out with this! Amazing

Sign In or Register to comment.