Vertical Views for phpBB viewforums and viewtopic (extension)

User avatar
axew3
w3all User
w3all User
Posts: 2883
Joined: Fri Jan 22, 2016 5:15 pm
Location: Italy
Contact:

Vertical Views for phpBB viewforums and viewtopic (extension)

Post by axew3 »

C 2023/24 axew3.com

Example here: https://www.axew3.com/www/phpbb/viewtopic.php?t=2
(example temporary removed, but the extension code works fine)
THIS IS NOT A FREE SCRIPT

THE USE OF THIS CODE FOR FREE IS INTENDED AND LIMITED TO BE FREE, FOR PERSONAL SITES ONLY.

ANY SITE THAT IS NOT TO BE INTENDED AS A FREE PERSONAL SITE
(WHERE FREE PERSONAL SITE MEAN: A WEB SITE WITH NO ADS AND NO PAYMENT SERVICES OF ANY KIND)

You should pay (one time):

$5 (5 DOLLARS) FOR A SINGLE SITE

$10 (10 DOLLARS) FOR AN UNLIMITED NUMBER OF SITES/SUB-SITES OF SAME DOMAIN

$100 (100 DOLLARS) TO USE IT FOR AN UNLIMITED NUMBER OF DOMAINS AND TEMPLATES (single TEMPLATE SELLERS)

Appreciations

How to Use Explain:

What we want?
- ready elements to push on page.
How to get it?
- with a little modified version of the viewtopic_body.html
https://github.com/axew3/phpbb-vertical ... _body.html
and few js lines.

A plain html page on response, with precise content that so we can manage like this, into the js code that will receive it (see few lines here):
https://github.com/axew3/phpbb-vertical ... .html#L209

we'll get only post's divs, like this:

Code: Select all

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>w3all</title>
</head>
<body id="w3all_phpBB-vv_2-0-2-3_vscroll">

      <div id="p263" class="post has-profile bg1">
    <div class="inner">
.....  .... .... ...   
         </div></div>

  <hr class="divider" />
      <div id="p264" class="post has-profile bg2">
    <div class="inner">
.....  .... .... ...   
         </div></div>
 
</body></html>

A result that can be used as more like, because we know where to remove what.

See how conditions have been set into viewtopic_body.html (test it replacing the default viewtopic_body.html into the prosilver template folder if you want to test)
Look that viewtopic_body.html, the overall_footer js code (that i hope you'll improve) and the listener can be easily improved to have awesome results, user's options etc in few steps.

Will work on all templates that will match selectors of a phpBB default template
https://github.com/axew3/phpbb-vertical ... after.html

Steps to test:
activate prosilver (or a theme that respect the dom, almost for used javascript selectors into the mentioned file overall_footer_body_after.html)
substitute the file viewtopic_body.html with the one modified.
Note that the viewtopic_body.html at github leave spaces to let you understand how my trick work, but you should NOT leave return carriages nor spaces between lines, like it is the one you'll find into this attachment.

With this easy modified version (4 lines or 5 added, to get only post's divs when there is a specific request and not the entire forum page when request passed like this into this:
https://github.com/axew3/phpbb-vertical ... .html#L194 (note that it is a way but there are more)
Added conditions on it, simply are used to render a result like this on response
Add the w3all extension folder into ext phpBB folder and activate it
May set the board to recompile stale templates, while you play with it.
Attachments
w3all_vv_phpBB.zip
(18.25 KiB) Downloaded 394 times