New PM Popup Replacement

[high]PLEASE CLICK INSTALL IF YOU INSTALL THIS[/high]

This mod changes the default New PM Popup to open a nice looking, closeable html popup within the page.

It tells you who sent the latest message as well as what the title is.

The window then gives you the option of viewing the message (in which case it opens another window and closes itself), viewing your inbox (again it will close the popup), or to just ignore the new message and close the New PM popup.

A screenshot is attached to show you what the popup will look like.

To install all you need to do is make 1 template edit to each of your skins, upload 1 XML plugin file, and upload 1 file with your ftp client.

[high]Installation[/high]

First go to your pm_popup_script template and replace it with this code:

<script type="text/javascript" src="clientscript/fixed_position_ie.js"></script>
<script type='text/javascript'>
    var agtbrw=navigator.userAgent.toLowerCase();
    var operaaa=(agtbrw.indexOf('opera')!=-1);
    var head="display:''";
    var folder='';
    function expandit(curobj)
    {
        if(document.getElementById(curobj))
        {
            folder=document.getElementById(curobj).style;
        }
        else
        {
            if(ns6==1||operaaa==true)
            {
                folder=curobj.nextSibling.nextSibling.style;
            }
            else
            {
                folder=document.all[curobj.sourceIndex+1].style;
            }
        }
        if (folder.display=="none")
        {
            folder.display="";
        }
        else
        {
            folder.display="none";
        }
    }
</script>
<style type="text/css">
#pm_popup {
    position:fixed;
    top:250px;
    border:1px solid;
    width:64%;
    margin-right:18%;
    margin-left:18%;
}

</style>
<div id="pm_popup">
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%">
        <tr>
            <td class="tcat">
                <span class="smallfont" style="float:$stylevar[right]">
                    <a href="#" onclick="expandit('pm_popup');">Close</a>
                </span>
                $vbphrase[new_private_msg]
            </td>
        </tr>
        <tr>
            <td class="panelsurround" align="center">
                <div class="panel">
                    <div align="center">
                        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                            <tr>
                                <td>
                                    $vbphrase[newest_pm_from] <b>$newpm[fromusername]</b>, $vbphrase[titled]<b>'$newpm[title]'</b>
                                    <br />
                                </td>
                            </tr>
                            <if condition="$shownewpmpreview">
                            <tr>
                                <td class="smallfont" style="padding-top:20px;">
                                    $newpm[message]
                                </td>
                            </tr>
                            </if>
                            <tr>
                                <td align="center" style="padding-top:20px;">
                                    <a href="$vboptions[bburl]/private.php?do=showpm&pmid=$newpm[pmid]">$vbphrase[read_message]</a>
                                    (<a href="$vboptions[bburl]/private.php?do=showpm&pmid=$newpm[pmid]" target="_blank">
                                        <span class="smallfont">$vbphrase[open_new_window]</span>
                                    </a>)
                                    <br /><br />
                                    <a href="$vboptions[bburl]/private.php">$vbphrase[go_to_inbox]</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div style="margin-top:$stylevar[cellpadding]px">
                    <form>
                        <input type="button" class="button" value="$vbphrase[close_popup]" onclick="expandit('pm_popup');" />
                    </form>
                </div>
            </td>
        </tr>
    </table>
</div>

The above step will need to be done for each of your skins.

Next, go to the plugin manager:
Go to your admincp -> Expand Plugin System in the nav -> Click Manage Products -> Scroll to the bottom of the page and click Add/Import -> Browse to the xml file included in the zip -> upload

Now access your FTP and upload the attached 'fixed_position_ie.js' file to your clientscript/ folder. This js allows Internet Explorer to do fixed positioning meaning that the popup stays in place as you scroll the screen.

That's it, enjoy.

[high]How To Enable Preview[/high]
To enable the preview in the popup (view the screenshot to see what it looks like), just edit the plugin called "New PM Popup Window Preview" with the following instructions:
Go to your admincp -> Expand Plugin System in the nav -> Click Plugin Manager -> Click edit next to the "New PM Popup Window Preview" plugin

Now find, right at the top, this line:
$newpmoption['showpreview'] = false;

Change to:
$newpmoption['showpreview'] = true;


The preview is now enabled. To change how many characters are shown in the preview, go back to editing the plugin and change this line (near the top):
$newpmoption['maxcharacters'] = 100;


[high]To uninstall this hack just revert the pm_popup_script template then delete the uploaded file (/clientscript/fixed_position_ie.js) and the plugin.[/high]


Thanks to COBRAws for adding phrases.

Tested and works fully in the vB3.5 series (vb 3.5.0 ("Gold") up to 3.5.4).
Should work in vb3.6, the variables look to be the same.
This will probably work in vb3.0 series too but I don't remember if I've tested. I'm not promising.
If anyone wants to confirm that it fully works please PM me or post here.

[Bubble #5]

Originally Posted by Bubble #5

How (or where) do we set it so that the PM message is resizable instead of a fixed size?

OK this is fixed

AWI - I'm trying to center it also. I'll let you know if I figure it out.

ReadOrDie - did you read this thread for directions?

[Bubble #5]

Originally Posted by AWI

my problem is the text is not centered in the popup box it is all placed to the left.

Found it

You have to go into the PM script template and change:

<div align="$stylevar[left]">

To:

<div align="center">

I'm not sure why it was like that to begin with, but changing the code above will make your PM perfectly symmetrical

[rossco_2005]

To fix the resizing problem change this:

onclick='window.open("private.php?do=showpm&pmid=$newpm[pmid]", "pmbox", "menubar=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,resizable=ye    s,top=50,left=50");expandit("pm_popup");window.focus("pmbox");'

to

onclick='window.open("private.php?do=showpm&pmid=$newpm[pmid]", "pmbox", "menubar=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,resizable=yes,top=50,left=50");expandit("pm_popup");window.focus("pmbox");'

and this:

onclick='window.open("private.php", "pmbox", "menubar=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,resizable=ye    s,top=50,left=50");expandit("pm_popup");window.focus("pmbox");'

to

onclick='window.open("private.php", "pmbox", "menubar=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,resizable=ye  s,top=50,left=50");expandit("pm_popup");window.focus("pmbox");'

I'm also going to update the first post to reflect those changes

[ReadOrDie]

I installed the hack. Nothings popping up.

[Bubble #5]

ummm... shouldn't this:

resizable=ye   s

be this?

resizable=yes

[ReadOrDie]

Nothings popping up.

[ReadOrDie]

Nice idea for a hack. If it worked it'd be better.

[rossco_2005]

Originally Posted by Bubble #5

ummm... shouldn't this:

resizable=ye   s

be this?

resizable=yes

Yes it should, it's VB that's inserting that space there...

I fixed this by putting a space somewhere else so it wont do that anymore.

[slvr ralliart]

your pm pop up still displays the pm box at the bottom of my sreen. I uploaded the file to clientscript folder. I am using IE explorer.

I attatched a screen shot of it showing and cutting my pm text off and showing it at the bottom of my page.

[AWI]

Originally Posted by Bubble #5

Found it

You have to go into the PM script template and change:

<div align="$stylevar[left]">

To:

<div align="center">

I'm not sure why it was like that to begin with, but changing the code above will make your PM perfectly symmetrical

Thanks Bubble, everything is nice and centered now.

I had a problem with the popup being in the far right side of the screen but fixed it by changing the margin-right and margin-left to -30%