Popup Join Form (Service Menu)

I'm looking to add the join form as a popup as a link in the service menu.

Anyone up for the challenge?

If you will go into the functions.js file and examine how the pop-up login form is generated, you can get an idea how to do this for other forms.

Thanks GG, I've had a look into that file but got a little lost in js.

Right, this is what I've done so far to get the join form to popup, although only the fog (background) wants to display:

Added this to inc/js/functions.js by copying the function showPopupLoginForm - changes in orange

function showPopupJoinForm() {

    var oPopupOptions = {

         fog: {color: '#666', opacity: .8}

    };

    if ($('#Join_div').length)

        $('#Join_div').dolPopup(oPopupOptions);

    else {

        $('<div id="Join_div" style="visibility: none;"></div>').prependTo('body').load(

            site_url + 'join.php',

            {

                action: 'show_Join_form',

                relocate: String(window.location)

            },

            function() {

                $(this).dolPopup(oPopupOptions);

            }

        );

    }

}

Also in field sys_sm_join in the table sys_menu_service, I removed the link (join.php) and added showPopupJoinForm(); return false;

What am I missing?

Thanks

Let me explain how that function works.  The page will hold a division which is hidden from view which holds the join form.  That division will have a unique id associated with it.  When you click on the link, the code will present that division in a pop-up.

By the way, you can use the menu builders to edit the action of the link.  If you look at the login link, you will see that instead of a URL, it has the script part filled in; you can just go by the login script to see calling instead of editing the database directly.

what you will need to do is to figure out where the join form block is generated and add these two divisions around the join form.  By the way, this may not work for a multi-page join form; you can try and find out of course.

<div class="login_ajax_wrap">
<div class="popup_form_wrapper">

That will add the CSS for the pop-up form.

The join form is not designed to work in a popup.

It contains code that breaks the code that does the popup when you try to put it in a popup window.

I have already tried to do it in a mod i am working on. I could not get it to work.

I will still be doing a mod for putting the join in a popup, but the only way to do it will be to put the join form in a iframe contained within the popup.

It's been tried in the past by other people as well, and has been requested a number of times in the past. It's still not done yet because as i have found out, it's not as easy to do as it should be.

I can easily create the php that pulls the join forms code, but as soon as that is placed in a popup div, it breaks everything. I think it's due to all the script the page contains.

If Dean has tried and fail, I suggest you don't waste your time as Dean is very well skilled in Dolphin code.

It can be done, as I hired EmmetBytes to do something similar, just not in the service menu.

The join page pops up in a container within Modzzz Gigs module.

He's gone AWOL so I'm trying to do this myself now.

As attached

Send me a PM if you want to see it in action ..

Then study the Gigs module to see how Modzzz did it.