Pop out for Mini-profile

[Boy_Wonder]

I'm looking to create a way of allowing for a pop out (modal window) when you click on a mini profile to include a full character information. 

Is there any way of doing this?


Brian elli (tagging you two this time XD)

[Brian]

You can do this, but you have to include the information in a hidden element in the mini-profile template as that's the only way to obtain any of their actual profile information.

This code can go in either your Forum Wrapper template or your global header. If you wish to have this happen when clicking on a particular element in the user's mini-profile instead of the mini-profile as a whole it'll need to be changed a bit.

<script type="text/javascript">
function mpDialog(){
    $('.mini-profile').on('click mpDialog',function(){
        $(this).find('.modal-info').dialog({ modal: true });
    });
}
$(document).ready(function(){ mpDialog(); });
proboards.on('afterSearch',function(){ mpDialog(); });
</script>

With the above code in place anything you place in the following element in your mini-profile will show in a dialog window.

<div class="modal-info">
Your content here
</div>

And of course, the associated CSS to hide it in the mini-profile so that it only shows in the dialog.

.mini-profile .modal-info { display: none; }

[Boy_Wonder]

I'm planning on it being clicked on a link that says "see full character sheet"

But thank you!

(if you need me to set up the link now xD - its just that well i have a LOT of classes))

[Brian]

In that case...

<script type="text/javascript">
function mpDialog(){
    $('.mini-profile .open-modal').on('click mpDialog',function(){
        $(this).parents('.mini-profile').find('.modal-info').clone().dialog({ modal: true });
    });
}
$(document).ready(function(){ mpDialog(); });
proboards.on('afterSearch',function(){ mpDialog(); });
</script>

<a class="open-modal">Your link text here</a>

[Boy_Wonder]

Thank you! This saves me having a miniprofile 5000 miles long!

At last count I have 37 miniprofile fields (and its probably going to push 40!)

[Boy_Wonder]

Sorry to be a pester but I've tried the script in 5 different places... its apparently hiding too well! It won't show!

[Brian]

Can you provide a link to a page I can try it on?

[Boy_Wonder]

ithilienor.boards.net/thread/1/welcome-new-forum?page=1&scrollTo=1 (I guess a sign of a clear disorganised mind xD)

[Brian]

Bah, I left out a period in my code. Try the new one.

[Boy_Wonder]

Have you updated the one for using the link to open the modal

[Brian]

Yes.

[Boy_Wonder]

apparently its still saying "nope" @_@

[Brian]

Probably because you placed the content it's supposed to open inside of the if statement for badges, so it's not opening it because it can't find the content since you don't have any badges.

[Boy_Wonder]

xDD duuh lol!

[Tiffy-Bean]

I really love this idea. However, I'm a little confused how to make the content change from person to person inside the popup.