Show Thread Enhancements - Ajax Thread (1stPost) Preview 1.5 Gold

I have abandoned this modification as I find myself lacking time to do any additional modifications to get it 100% stable.

I would highly recommend that you check out this hack by magnus, as this one seems to be 100% AND looks great. I fell in love with it so I am using it myself

The only thing it doesn't do is give you a preview of the attachments, so you're welcome to keep the attachments part of this hack and use it in conjunction with magnus' hack.

I may just rewrite the attachments part of this hack and re-release it as a standalone.


Here is the link to his modification:

Collapsable First Post using AJAX (or Last Post!)
https://vborg.vbsupport.ru/showthread.php?t=145187


-Sky-

[SkyCatcher]

FAQ

Question: How can I reposition the window?

Edit the ajax_postpreview.js file.

Find this bit of code:

posToCenter = function(elem) {
    var scrollPos = new getScrollPos();
    var pageSize = new getPageSize();
    var emSize = new getElementSize(elem);
    var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX;
    var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY;    
    elem.style.left = (x+400) +'px';
    elem.style.top = (y+200) +'px';    
}

x = right <-> left
y = up <-> down

You can use + or - values to adjust the position of the preview window.

Example(JUST an example):

elem.style.left = (x+200) +'px';
elem.style.top = (y-200) +'px';

Question: some reason it loads the whole thread! Not just the 1st post

Answer:
This hack will NOT work with vbSEO since it doesn't use showthread.php in the URL anymore.

Question: I see the "Click Here to Close" code in the js file.
It there any way to have this shown at the top of the window instead of the bottom?

Answer:
Find in ajax_postpreview.js

var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
    strHTML +=    "<div id=\"ibox_progress\" style=\"display:none;\">";
    strHTML +=  indicator_img_html;
    strHTML +=  "</div>";
    strHTML +=    "<div id=\"ibox_wrapper\" style=\"display:none;\">";
    strHTML +=    "<div id=\"ibox_content\"></div>";
    strHTML +=    "<div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right;\">";
    strHTML +=    "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" >Click here to close</a></div>";
    strHTML +=  "<div id=\"ibox_footer\">&nbsp;</div></div></div></div>";

Replace with:

var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
    strHTML +=    "<div id=\"ibox_progress\" style=\"display:none;\">";
    strHTML +=  indicator_img_html;
    strHTML +=  "</div>";
    strHTML +=    "<div id=\"ibox_wrapper\" style=\"display:none;\">";
    strHTML +=    "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" >Click here to close</a>";
    strHTML +=    "<div id=\"ibox_content\"></div></div>";
    strHTML +=    "</div></div>";

Question: when I double click in the thread title to involk the AJAX title editting, instead of the title of the thread becoming editable the small mousover image is replaced with an edit window which has the html code

Answer:
If you installed v1.3 before I got to update the zip and you have this problem, follow these steps:


Find in Threadbit:

<if condition="!is_member_of($vbulletin->userinfo, $postpreviewusergroups) && $vbulletin->options[ajaxpostpreview_enable] == 1 && (!(in_array($forumid, array($vbulletin->options['ajaxpostpreview_forums']))))">
        <td class="alt2"><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]" onmouseover="showIbox('showthread_ajax.php?$session[sessionurl]t=$thread[threadid]',this, true);return false"><img src="$stylevar[imgdir_misc]/menu_open.gif" border="0"></td>
</if>

REPLACE WITH

<if condition="!is_member_of($vbulletin->userinfo, $postpreviewusergroups) && $vbulletin->options[ajaxpostpreview_enable] == 1 && (!(in_array($forumid, array($vbulletin->options['ajaxpostpreview_forums']))))">
        <td class="alt2"><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" onmouseover="showIbox('showthread_ajax.php?$session[sessionurl]t=$thread[threadid]',this, true);return false"><img src="$stylevar[imgdir_misc]/menu_open.gif" border="0"></td>
</if>

Question: Many of my threads are quite long and with auto-resize the user has to scroll the entire main window as it extends far down. If I set a defined size, the window is the proper size but there are no internal scroll bars to scroll down within that window. Am I missing something or is that a limitation?

Answer:

You can define a set height and width here (in the JS file)

                                        //if(params['height']) {ibox.style.height = params['height']+'px';} 
                    //else {ibox.style.height = '380px';}
                    
                    //if(params['width']) {ibox.style.width = params['width']+'px';} 
                    //else {ibox.style.width = '800px';}

Just change to

//if(params['height']) {ibox.style.height = params['height']+'px';} 
                    //else {ibox.style.height = '380px';}
                    ibox.style.height = '480px';

                    //if(params['width']) {ibox.style.width = params['width']+'px';} 
                    //else {ibox.style.width = '800px';}

Adding a set height to 480 in the example above. A scrollbar will show for the up/down scrolling if the post is taller than that.


And also set:

height:45%;

in the CSS file for ibox_content

Question: Anyway i can change the Click here to close to a GIF button instead?

Answer:

THANK YOU TO RMS-Chef FOR THIS:

I also made the close preview link a button image instead with this alteration (replace images/buttons/preview_close.gif with your own picture):

var strHTML = "<div id=\"ibox_w\" style=\"display:none;\"></div>";
 strHTML += "<div id=\"ibox_progress\" style=\"display:none;\">";
 strHTML +=  indicator_img_html;
 strHTML +=  "</div>";
 strHTML += "<div id=\"ibox_wrapper\" style=\"display:none;\">";
 strHTML += "<div id=\"ibox_content\"></div>";
 strHTML += "<div id=\"ibox_footer_wrapper\"><div id=\"ibox_close\" style=\"float:right;\">";
 strHTML += "<a id=\"ibox_close_a\" href=\"javascript:void(null);\" ><img src=\"images/buttons/preview_close.gif\" border=\"0\"></a></div>";
 strHTML +=  "<div id=\"ibox_footer\">&nbsp;</div></div></div></div>";

Question: How do I change it to click the image in the left column than have it invoked with the mouseover?

Answer: No problem.

In THREADBIT Template find:

<if condition="!is_member_of($vbulletin->userinfo, $postpreviewusergroups) && $vbulletin->options[ajaxpostpreview_enable] == 1 && (!(in_array($forumid, array($vbulletin->options['ajaxpostpreview_forums']))))">
        <td class="alt2"><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" onmouseover="showIbox('showthread_ajax.php?$session[sessionurl]t=$thread[threadid]',this, true);return false"><img src="$stylevar[imgdir_misc]/menu_open.gif" border="0"></td>
</if>

and REPLACE with:

<if condition="!is_member_of($vbulletin->userinfo, $postpreviewusergroups) && $vbulletin->options[ajaxpostpreview_enable] == 1 && (!(in_array($forumid, array($vbulletin->options['ajaxpostpreview_forums']))))">
        <td class="alt2"><a href="#nbsp;" onclick="showIbox('showthread_ajax.php?$session[sessionurl]t=$thread[threadid]',this, true);return false"><img src="$stylevar[imgdir_misc]/menu_open.gif" border="0"></a></td>
</if>

[projectego]

Wow, this looks awesome. Thanks, SkyCatcher!

[SCRIPT3R]

Awesome!

[Paul M]

Might I suggest you change the title to "Thread Preview" rather than post, since that is what it is doing.

[SCRIPT3R]

suggestions...

• limit preview to Message BODY only in effort to conserve bandwidth as much as possible.
• resizeable (AdminCP defineable) popup preview.
• insert space prior to and edit text "Loading content preview, please wait..."

[SkyCatcher]

Originally Posted by Paul M

Might I suggest you change the title to "Thread Preview" rather than post, since that is what it is doing.

I ... I guess you're previewing the thread... but you're previewing the first post of that thread...um....

Well since you have the pitchfork I suppose I'll take that into considderation

[bashy]

great idea, will try this tomoz

I would say the title is correct as your only preview 1 post not the thread

[Terminatoronly]

Nice Work Mate Really Nice I Will Use It

[DasCool]

i am finding a couple of things, i really don't know how to fix it. For some reason i want the Preview to pop up in the middle. However it actually opens all the way to the right and i have to scroll over. I dont know if this is a bug but The time is abit off too. Some times i will get the full 8 seconds and sometimes i will only get a sec of preview. Also, it seems to be Transparent like when i select it if there is a forum name under it then it gets mixed in with the writing