The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I convert the topic preview codes for Punbb?

3 posters

Go down

Solved How can I convert the topic preview codes for Punbb?

Post by Van-Helsing March 17th 2014, 10:17 am

Good morning dear all,
I have two codes for topic preview:

These Codes are for PHPBB2:

JavaScript:
Spoiler:

CSS:
Spoiler:

and I want to convert them for PunBB.

Best Regards,
Dark-Avenger


Last edited by Dark-Avenger on March 17th 2014, 9:29 pm; edited 1 time in total
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Ange Tuteur March 17th 2014, 10:27 am

I had actually written a preview function a few months back, except I believe it doesn't work fully for punbb.

You can try it below.
Administration panel > modules > javascript codes management > create a new script

Placement : in the sub forums
Code:
   $(function() {

        $('a.topictitle').after(' <img id="topicPreview" src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif" title="Preview topic" alt="Preview" style="cursor:pointer;" />');
        
        $('img#topicPreview').click(function() {
            $('body').append(
            
                '<div id="preview-filter" style="position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div>'+
                
                '<div id="topicPreview-container" style="top:20%;left:15%;right:15%;padding:4px;position:fixed;z-index:50;background:#D1D1D1;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;">'+
                    '<div id="topicPreviewing" style="max-height:400px;overflow-y:auto;">'+
                        '<center>'+
                            '<span class="topicPreview-loading" style="font-weight:bold;font-size:18px;">'+
                                'Loading...'+
                            '</span>'+
                        '</center>'+
                    '</div>'+
                '</div>'
                
            );
            
            $('#topicPreviewing').load($(this).siblings('a.topictitle').attr('href')+' .post:eq(0)');
            
            $('#preview-filter').click(function() {
               $('#preview-filter, #topicPreview-container').remove();
           });
        });
    });
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13244
Reputation : 2991
Language : English & 日本語
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Van-Helsing March 17th 2014, 10:36 am

Good morning Ange,
It seem not working furthermore it has freezed some other javascripts.
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Ange Tuteur March 17th 2014, 10:42 am

I tested on punbb and for me it is working however, the layout style is messed up. All other versions except for punbb work 100%.

How can I convert the topic preview codes for Punbb? Captu393

Do you have any scripts that could be conflicting with it ?
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13244
Reputation : 2991
Language : English & 日本語
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Van-Helsing March 17th 2014, 11:39 am

I removed all the other scripts and left it alone but its not working. Furthermore the recent topics widget has been freezed.
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Ange Tuteur March 17th 2014, 11:42 am

That is very weird. Could you provide a link to the forum you're placing this one ?

Thank you Smile
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13244
Reputation : 2991
Language : English & 日本語
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Van-Helsing March 17th 2014, 11:50 am

Yes here it  is my test forum
Spoiler:
Ange something is going wrong with my test forum I was placed again all the javascripts and all now are disabled.
Is going wrong something with database?

Update1:
I try to force the default templates and its working. How can I find which javascript conflicts the other?
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by Van-Helsing March 17th 2014, 9:28 pm

Hi,
Its solved the reason was the global problem with scrolling announcements.

Best Regards,
Dark-Avenger
Van-Helsing
Van-Helsing
Hyperactive

Male Posts : 2431
Reputation : 116
Language : English, Greek

View user profile http://itexperts.forumgreek.com/

Back to top Go down

Solved Re: How can I convert the topic preview codes for Punbb?

Post by SLGray March 18th 2014, 4:13 am

Garbaged


How can I convert the topic preview codes for Punbb? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum