phpbb – axew3.com

phpBB WordPress template integration (iframe v4)

v4 version (for cool people)

PAGE HELP – JS code – UPDATED on 15 Gen 2020
(related addons/page-forum.php – updated on 14 Gen 2020)

wp-w3all-phpbb-integration/trunk/addons/page-forum.php

wp_w3all plugin 1.9.9 or >

phpBB SEO mods compatible – (READ ALL this page)

wp_w3all responsive iframe procedure

WordPress phpBB iframe template integration

MEMO: to update to latest v4 code, you’ll need to rebuild page-forum.php (or whatever you named it) via plugin admin, OR manually substitute it into your active WP template folder, with the new one that you find/copy into /wp-content/plugins/wp-w3all-phpbb-integration/addons. You’ll need to update also the iframeResizer.contentWindow.min.js file you added into phpBB root, with the new one you find into /wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer folder. Done this, substitute the phpBB overall_header.html and overall_footer.html code (re-adding needed values) with the new v4 code here below. Do not forget to rebuild phpBB template to make phpBB template modifications take effect.

Domain/subdomains installations it’s REQUIRED to read this: How to Domain/subdomain iframe template integration

WP_w3all template integration steps

After you built/create the WP forum template page via option
WP_w3all phpBB embedded on WordPress Template
on WP_w3all admin config page, and the blank page on WordPress Admin -> Pages -> Add New, titled the same of created wp_w3all template page, so forum or board etc (then you’ll have into your active WordPress template folder a file named page-forum.php or page-board.php etc), to complete the procedure and get the responsive iframe height for the embedded/iframed phpBB into WordPress template page you need:

overall_footer.html code

Open with a text editor your phpBB template file overall_footer.html

and just before the closing </body> tag, add this code (do not select rows numbers on copied code):

<script>

if(window.self !== window.top){
// EDIT values to fit yours
document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))
var wordpress_url_page_forum = 'https://localhost/wp53/forums'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page (the one you created blank in wp)
var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.
// END EDIT

var w3all_doc_domain = document.domain;
var w3allappend = false;
var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:
// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885
// remove /* and */ to activate, also more below to complete ...
/*
$(".postimage").on("click", function(event) {
var pos = event.pageY - 100;
$(parent.window).scrollTop( 200 );
var el = document.getElementById("lightbox");
$("#lightboxOverlay").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lb-close").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lightbox").on("click", function() {
$(parent.window).scrollTop( pos );
});
});
*/

function w3allNormalize_phpBBUrl(href){
// try to 'normalize' passed relative links: needed all after last slash /
// exception are kind of passed urls like: /phpbb323/app.php/help/faq
// and if SEO mods that may assign some different kind of links values
// by the way, SEO absolute urls http(s) should be (all?) already considered here ...
var phpbbRUrl = href.split(/^.+?(\w+.+)$/);
if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)
phpbburl = href.split(/^.+?(app\.php.+)$/);
w3allappend = phpbburl[1];
} else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod
phpbburl = href.split(boardU);
w3allappend = phpbburl[1];
} else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other
w3allappend = phpbbRUrl[1];
} else if ( phpbbRUrl[0].length > 1 ){
w3allappend = phpbbRUrl[0];
}
// ... if still not normalized
if(/^\W/ig.exec(w3allappend) !== null){
w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
if(w3allappend[1]){
w3allappend = w3allappend[1];
}
if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
w3allappend = w3allappend[1].substr(1);
}
}
return w3allappend;
}

$(document).on("click", "a", function(e) {
var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){
return;
}

if( /\/adm\//ig.exec(href) !== null ){
e.preventDefault();
window.open(href,'_blank');
return;
}
if (href.indexOf('view=print') > -1 !== false){
e.preventDefault();
window.open(href,'_blank');
return;
}
if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){
w3allappend = boardU;
}
// check if link point to external resource
if ((this.href.indexOf(boardU) > -1) != true){
if(/^(f|ht)tps?:\/\//i.test(href)){
e.preventDefault(); // prevent inside
parent.location.replace(href);
return;
}
}
// check for # short links like on FAQ page
if ( href.charAt(0) == '#' ){
return;
}

w3allappend = w3allNormalize_phpBBUrl(href);
var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors
var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);
var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);
var w3all_onview_attach = (href.indexOf('file.php') > -1);
var w3all_onreview_post = /#[review]+/ig.exec(href);
var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);
var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);
var w3all_ck_onindex = (href.indexOf('index.php') > -1);

// Lightbox: if not working on repositioning img view
// complete Lightbox correct attachment display // activate removing /* and */
// also useful to open attachments in a new Tab
/*
if(w3all_onview_attach !== false){
e.preventDefault();
window.open(href,'_blank');
return;
} */

if ( href.indexOf('quickmod') > -1 ) {
if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,w3all_scroll_top);
}

if ('parentIFrame' in window){
if( typeof w3allNOappend == 'undefined' ){
window.parentIFrame.sendMessage(w3allappend);
}
}

}); // END

///////////////////////////////////////////////////////////////////////////
// w3all Ajax UPDATES for phpBB events

var pmn = "{PRIVATE_MESSAGE_COUNT}";
var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

var hash = window.location.hash.substr(1);
location.hash = "#" + hash;
var w3all_lochash = '';
if( location.hash.length < 2 ){
w3all_lochash = 0;
} else if ( typeof ($(location.hash).offset() ) != 'undefined' ) { // #preview js error fix
w3all_lochash = $(location.hash).offset().top;
}

// to wp
var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged + '#w3all_lochash=' + w3all_lochash;
if(w3appendevents.indexOf('w3allmchatif') == -1){
//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){
$( window ).on( "load", function() {
parent.w3all_ajaxup_from_phpbb(w3appendevents);
});
//}
}
// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)
var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if(w3iOS == false){
$(window).on( "load", function() {
var bd = document.getElementsByTagName("body");
for (var i = 0; i < bd.length; i++) {
var bdID = bd[i].getAttribute("id");
}
var elt = document.getElementById(bdID);
elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");
});
}

// If not using/applied the overall_header.html Javascript code, may un-comment this (may not)
/*
$( "a" ).contextmenu(function() {
var ohref = $(this).attr("href");
var href = this.href; // treath like an external because only open New tab or New window
d = w3allNormalize_phpBBUrl(href);
hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded
$(this).mouseleave(function() { // reset (replaced 'mouseup')
$(this).attr("href", ohref);
});
});
*/

} // END if(window.self !== window.top){
</script>
<script type="text/javascript" src="https://localhost/phpBB3/iframeResizer.contentWindow.min.js" defer></script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

if(window.self !== window.top){

// EDIT values to fit yours

document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))

var wordpress_url_page_forum = 'https://localhost/wp53/forums'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page (the one you created blank in wp)

var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.

// END EDIT

var w3all_doc_domain = document.domain;

var w3allappend = false;

var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:

// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885

// remove /* and */ to activate, also more below to complete ...

$(".postimage").on("click", function(event) {

var pos = event.pageY - 100;

$(parent.window).scrollTop( 200 );

var el = document.getElementById("lightbox");

$("#lightboxOverlay").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lb-close").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lightbox").on("click", function() {

$(parent.window).scrollTop( pos );

});

function w3allNormalize_phpBBUrl(href){

// try to 'normalize' passed relative links: needed all after last slash /

// exception are kind of passed urls like: /phpbb323/app.php/help/faq

// and if SEO mods that may assign some different kind of links values

// by the way, SEO absolute urls http(s) should be (all?) already considered here ...

var phpbbRUrl = href.split(/^.+?(\w+.+)$/);

if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)

phpbburl = href.split(/^.+?(app\.php.+)$/);

w3allappend = phpbburl[1];

} else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod

phpbburl = href.split(boardU);

w3allappend = phpbburl[1];

} else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other

w3allappend = phpbbRUrl[1];

} else if ( phpbbRUrl[0].length > 1 ){

w3allappend = phpbbRUrl[0];

}

// ... if still not normalized

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

$(document).on("click", "a", function(e) {

var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){

return;

}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

if (href.indexOf('view=print') > -1 !== false){

e.preventDefault();

window.open(href,'_blank');

return;

}

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){

w3allappend = boardU;

}

// check if link point to external resource

if ((this.href.indexOf(boardU) > -1) != true){

if(/^(f|ht)tps?:\/\//i.test(href)){

e.preventDefault(); // prevent inside

parent.location.replace(href);

return;

}

// check for # short links like on FAQ page

if ( href.charAt(0) == '#' ){

return;

}

w3allappend = w3allNormalize_phpBBUrl(href);

var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors

var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);

var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);

var w3all_onview_attach = (href.indexOf('file.php') > -1);

var w3all_onreview_post = /#[review]+/ig.exec(href);

var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);

var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);

var w3all_ck_onindex = (href.indexOf('index.php') > -1);

// Lightbox: if not working on repositioning img view

// complete Lightbox correct attachment display // activate removing /* and */

// also useful to open attachments in a new Tab

if(w3all_onview_attach !== false){

e.preventDefault();

window.open(href,'_blank');

return;

} */

if ( href.indexOf('quickmod') > -1 ) {

if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,w3all_scroll_top);

}

if ('parentIFrame' in window){

if( typeof w3allNOappend == 'undefined' ){

window.parentIFrame.sendMessage(w3allappend);

}

}); // END

///////////////////////////////////////////////////////////////////////////

// w3all Ajax UPDATES for phpBB events

var pmn = "{PRIVATE_MESSAGE_COUNT}";

var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

var hash = window.location.hash.substr(1);

location.hash = "#" + hash;

var w3all_lochash = '';

if( location.hash.length < 2 ){

w3all_lochash = 0;

} else if ( typeof ($(location.hash).offset() ) != 'undefined' ) { // #preview js error fix

w3all_lochash = $(location.hash).offset().top;

}

// to wp

var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged + '#w3all_lochash=' + w3all_lochash;

if(w3appendevents.indexOf('w3allmchatif') == -1){

//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){

$( window ).on( "load", function() {

parent.w3all_ajaxup_from_phpbb(w3appendevents);

});

//}

}

// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)

var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

if(w3iOS == false){

$(window).on( "load", function() {

var bd = document.getElementsByTagName("body");

for (var i = 0; i < bd.length; i++) {

var bdID = bd[i].getAttribute("id");

}

var elt = document.getElementById(bdID);

elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");

});

}

// If not using/applied the overall_header.html Javascript code, may un-comment this (may not)

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

} // END if(window.self !== window.top){

</script>

after you pasted this code into phpBB overall_footer.html
edit following lines:

// EDIT values to fit yours	
document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost)) 
var wordpress_url_page_forum = 'https://localhost/wp53/forums'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page (the one you created blank in wp)
var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.
// END EDIT

// EDIT values to fit yours

document.domain = 'localhost'; // MANDATORY! // Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))

var w3all_scroll_top = 100; // To fit your theme header distance: change this value (pixels). This is the distance you want to scroll to by the WordPress Top header. The forum Top distance gap.

// END EDIT

change localhost to fit your domain name (example axew3.com)
do NOT add http(s):// OR the point in front nor anything else, just add
yourdomain.com or set it as localhost if on localhost test. If phpBB is at subdomain.domain.com, add domain.com as value
(MANDATORY!) or resizer won’t work
now check the other line to change:

var wordpress_url_page_forum = 'https://localhost/wp53/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

1	var wordpress_url_page_forum = 'https://localhost/wp53/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

change value
https://localhost/wp53/forum
on this line, to point to the URL of the WordPress created/named forum page (do not add final slash and change http or https as needed)
MANDATORY!

Finally, check this line

<script type="text/javascript" src="https://localhost/phpBB/iframeResizer.contentWindow.min.js" defer></script>

1	<script type="text/javascript" src="https://localhost/phpBB/iframeResizer.contentWindow.min.js" defer></script>

in the code you added (last line): this should correctly point to the iframeResizer.contentWindow.min.js file that you’ll go to add into phpBB root folder. You need to use the absolute URL (use http or https as needed, and adjust the url to fit your needs)
(MANDATORY!) or resizer won’t work

src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

1	src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

AFTER EDITED, save and load the modified overall_footer.html into your phpBB style folder, overwriting the default one, and so

load through ftp on the phpBB root folder (or copy/paste), the file
iframeResizer.contentWindow.min.js
that is contained inside folder
wp/wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer

After this, phpBB require to recompile the template, or modifications to template files not affect (to overall_footer.html in this case). Open phpBB ACP, and so under:

Server Configuration -> Load settings -> Recompile stale style components set to YES and save. Load one time a phpBB full forum page. Leave as is at moment, especially if you follow adding also the code on overall_header.html (more below) to redirect any phpBB direct URL to the iframed WP page: then after tested that all work fine, return to ACP, and reset to NO and save. This step is needed to load the template modifications on phpBB (and any time you edit a phpBB template file to for modifications take effect), but this option should be ever set to NO into an online/production site to save server resources. It is normally set to yes only for testing/devel purpose or to apply modifications on phpBB templates files.

overall_header.html code

The new V4 w3all iframe code do not use anymore htaccess to force redirects, but use pure Javascript (reload) code, that as you may imagine, lead to some different result: you’ll not have to edit phpBB notification links on phpBB notification files as on V1 or V2 code, to force users redirect to iframe when they click (for example) on notification email link or some other forum’s link. But in this case, any user except bots, will be redirected (as code is, but it can be easily changed to assume different behaviors, may excluding admins or moderators etc) to the WP iframed page, if the forum accessed via real phpBB url.

If you want phpBB email notification links or any phpBB direct url to be redirected to the wp iframed forum page follow this step:

Open with a text editor your phpBB template file overall_header.html

and just immediately after this code (or by the way, just before the closing tag </head>)

<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
-->

<!--

phpBB style name: prosilver

Based on style: prosilver (this is the default phpBB3 style)

Original author: Tom Beddard ( http://www.subBlue.com/ )

Modified by:

-->

add the following code:

<!-- IF not S_IS_BOT --><script>
// START force w3all to iframe redirect
var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page
function w3all0Normalize_phpBBUrl(u){
	var bu = "{BOARD_URL}";
	w3allappend = "{BOARD_URL}"; 
 if ( /^https?/ig.exec(u) !== null ){ 
   phpbburl = u.split(bu);
	 w3allappend = phpbburl[1];
 } 
if(/^\W/ig.exec(w3allappend) !== null){
 	w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
 	if(w3allappend[1]){
 		w3allappend = w3allappend[1];
 	}
 	if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
 		w3allappend = w3allappend[1].substr(1);
 	}
}
return w3allappend;
}

if ((window.self !== window.top) != true) { //(or get loop)
 if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP
  var w3all_r = window.location.href.replace(/sid=.+/gi, '');
 w3all_r = w3all0Normalize_phpBBUrl(w3all_r);
  hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));
  href0 =  wordpress_url_page_f + '/?w3=' + hrefEnc;
  document.location.replace(href0);
}}
// END force w3all to iframe redirect
</script>
<!-- ENDIF -->

<script>

// START force w3all to iframe redirect

var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

function w3all0Normalize_phpBBUrl(u){

var bu = "{BOARD_URL}";

w3allappend = "{BOARD_URL}";

if ( /^https?/ig.exec(u) !== null ){

phpbburl = u.split(bu);

w3allappend = phpbburl[1];

}

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc;

document.location.replace(href0);

}}

// END force w3all to iframe redirect

</script>

On added code, change URL on the line where (line 3):

var wordpress_url_page_f = 'https://localhost/wp5/forum';

1	var wordpress_url_page_f = 'https://localhost/wp5/forum';

to fit/point to the WordPress iframed forum page: DO NOT ADD final slash and setup as http or https as needed.

All working!?

Reset to No the Recompile phpBB template option, here we go!

NOTE: if you added the code above into phpBB overall_header.html then you’ll never activate (it is not active by default) this part of the code you added into the overall_footer.html:

$( "a" ).contextmenu(function() {
 var ohref = $(this).attr("href");
 var href = this.href; // treath like an external because only open New tab or New window
  d = w3allNormalize_phpBBUrl(href);
  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;  
    
  $(this).attr("href", href1); // send out encoded
  $(this).mouseleave(function() { // reset (replaced 'mouseup')
  $(this).attr("href", ohref);
  });
});

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

P.s – whenever you want: to get the iframe responsive for ACP phpBB admin panel, read this post. My (personal) suggestion is to stop here and try to use the integration leaving ACP out of iframe joke. If by the way you want to follow, before to apply then you’ll have to little change the above code for overall_footer.html and overall_header.html in this way:

on code for overall_footer.html remove this part:

if( /\/adm\//ig.exec(href) !== null ){ 
e.preventDefault(); 
window.open(href,'_blank'); 
return; 
}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

on code for overall_header.html remove this part:

if ((window.self !== window.top) != true) { //(or get loop) 
if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP 
var w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }} 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }}

// END force w3all to iframe redirect

change into:

if ((window.self !== window.top) != true) { //(or get loop) 
w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); } 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }

// END force w3all to iframe redirect

* For domain/subdomain installations
READ THIS HOW TO:
How to Domain/subdomain iframe template integration

Refer to v2 or v1 code for htaccess old solution editing phpBB notifications files.

Shortcode: phpBB PM into WordPress

WP_w3all phpBB WordPress 1.9.9 >

WP_w3all phpBB PM into WordPress shortcode version 1.0

check all others shortcodes listed under the “common how” to section

The [w3allphpbbupm] shortcode just display phpBB Private Messages count into a div, which html output result will be by default like this:

<div id="w3pm_id" class="w3pm_class"><a href="https://localhost/wp51/phpBB3/ucp.php?i=pm&folder=inbox">You have 1 unread forum PM</a></div>

To display this way, you’ll add the shortcode as is: [w3allphpbbupm]

To change attributes class name, id or to get a element link with target _blank or to add inline style to the div element, arguments that are possible to pass are:

'w3pm_class' => 'w3pm_class', 'w3pm_id' => 'w3pm_id', 'w3pm_inline_style' => '', 'w3pm_href_blank' => ''

[w3allphpbbupm w3pm_class="myclass" w3pm_id="myid" w3pm_inline_style="padding:10px;border:1px solid grey;" w3pm_href_blank="1"]

w3pm_class and w3pm_id are setup by default with same name as value for the id and class div’s element attributes if not passed as arguments, others two w3pm_inline_style and w3pm_href_blank simply not affect if not passed.

To get target="_blank" , pass as on example the w3pm_href_blank="1" argument

[w3allfeed] RSS raw examples

How to use w3allfeed shortcode

These examples show raw results (scroll down to see RSS from external resource) of the w3allfeed shortcode used like this, with little style applied to li elements:

[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="3" w3feed_inline_style="list-style:none;background-color:#f1f1f1;padding:15px;margin-top:15px;border-radius:15px;" w3feed_href_blank="1"]

1	[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="3" w3feed_inline_style="list-style:none;background-color:#f1f1f1;padding:15px;margin-top:15px;border-radius:15px;" w3feed_href_blank="1"]

that grab last 3 forums news within this same domain forum:

Latest 3 news from axew3.com forums

Coming 2.1.1 features and requests

CODE:

== Changelog === 2.1.1 =*Release Date - ... Gen, 2020** Fix: remove unwanted code, partially cleanup several issues to speed up execution* Update: page-forum to be compatible with the new iframe v5 code (granting compatibility with v4 iframe code, which you can follow using)* Add: fancy w3 var for query string (better later then never) new option into plugin admin page. 'Fancy URL query string for the WordPress page' that allow to switch the name of the var 'w3' in the URL query string, to something that more like. To use this you'll need to update page-forum to latest version, and update to the iframe js code v5 * Fix: page-forum for correct targetOrigin value* Fix: remove jQuery function, replaced by pure Js code, to allow URL seo switches js function work properly on widgets and shortcodes, even when the theme in use do not add the jQuery library by default * ....* ....* Several fixes all around

Statistics: Posted by axew3 — Thu Jan 16, 2020 11:46 am — Replies 0 — Views 239

WP_w3all 2.1.0 to fix all password compatibilities between new/old phpBB and WP

CODE:

== Changelog === 2.1.0 =*Release Date - 14 Gen, 2020** Fix: passwords hashing and password check flow, to be compatible between new phpBB3 3.3.0 and previous 3.2 versions* Fix: password containing special chars like " or may not allowed in WP like \ to be recognized and hashed correctly* Add: phpBB 3.3.0 PASSWORD_ARGON2I and PASSWORD_ARGON2ID support* Minor fixes

Update as soon!

Statistics: Posted by axew3 — Tue Jan 14, 2020 10:41 pm — Replies 0 — Views 254

WP_w3all 2.0.9 phpBB WordPress released

CODE:

== Changelog === 2.0.9 =*Release Date - 14 Gen, 2020** Fix: (reported bug) password check in WordPress fail, if password change done by user in phpBB profile* Minor Fix: page-forum.php to correctly set the targetOrigin value* Minor Fix: page-forum.php -> to have Template Forum as template option when creating blank page in WordPress, and installed WP theme let choose between different templates to create a page. The page Forums will be available to choose, and let work fit the template with no problems on layout. See: https://www.axew3.com/w3/2019/12/phpbb-wordpress-template-integration-iframe-v4/* Note that also the iframe overall_footer.html v4 code has been updated to fix two issues (most important: correctly reposition iframe in certain conditions)

Statistics: Posted by axew3 — Tue Jan 14, 2020 11:14 am — Replies 0 — Views 241

News from engadget.com

Latest 5 news from – engadget.com/rss.xml – target _blank – inline styled, used like this:

[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="5" w3feed_href_blank="1" w3feed_inline_style="list-style:none;"]

1	[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="5" w3feed_href_blank="1" w3feed_inline_style="list-style:none;"]

Microsoft's Xbox Console Streaming preview goes global
Microsoft has been experimenting with streaming Xbox games to Android phones and tablets for a while as it looks for an answer to the PS4's Remote Play. Now, after opening a limited beta late last year, all Xbox Insiders in countries that support Xbo...
Engadget Podcast: Super Nintendo World, here we go!
This week, Devindra, Cherlynn and Senior Editor Nick Summers take a relaxing break from the madness of CES by diving into some of this week's news, like the trailer for Japan's Super Nintendo World park. They also question the wisdom of Sony abandoni...
The Morning After: Comcast and NBC explain their Peacock streaming service
Hey, good morning! You look fabulous.

On Thursday afternoon, Comcast and NBC execs hit the stage to pitch the new Peacock streaming service to investors. We heard a lot about the original content headed there, and I wrote up most of the information...
Google Stadia is being bundled with BT broadband packages in the UK
Google has partnered with BT, one of the UK's largest internet service providers, to get its video game streaming service in more homes. Starting today, anyone that signs up for a Superfast Fibre 2, Ultrafast Fibre 100 or Ultrafast Fibre 250 package...
Nestlé adds sausages to its range of plant-based meats
Nestlé has revealed that it's adding another plant-based meat product to its selection after the "huge success" of its alternative burgers and grounds. It's launching plant-based sausages in the US and in Europe, and they're supposed to "taste...

Smooth scroll for phpBB WordPress template integration (iframe v3)

This step, suppose you applied the following procedure: phpBB WordPress template integration

To adjust the applied v3 iframe code to smooth scrool you’ll need to edit some little line of code in this way (and read all this):

open the created page-forum(or whatever you named it).php into your active WordPress template folder, and where this code:

history.pushState({w3all_passed_url: w3all_passed_url}, \"Forum\", w3all_passed_url_push);

1	history.pushState({w3all_passed_url: w3all_passed_url}, \"Forum\", w3all_passed_url_push);

immediately after, add this code:

jQuery('#w3all_phpbb_iframe').load(function(){
var scto = window.pageYOffset - 200;
window.scrollBy({
  top: -scto,
  left: 0,
  behavior: 'smooth'
});
});

jQuery('#w3all_phpbb_iframe').load(function(){

var scto = window.pageYOffset - 200;

window.scrollBy({

top: -scto,

left: 0,

behavior: 'smooth'

});

or using jQuery (that will be all browsers compatible):

jQuery( document ).ready(function() {
jQuery('html, body').animate({
    scrollTop: jQuery('.site-content').offset().top
 }, 300);
});

jQuery( document ).ready(function() {

jQuery('html, body').animate({

scrollTop: jQuery('.site-content').offset().top

}, 300);

});

if using the jQuery piece of code, change value of the class .site-content to match the class name assigned to the element you need to scroll to (site-content is for example the class which you find assigned into the default WP twentysixteen theme and that wrap the site content).

now open your phpBB overall_footer.html to change the Javascript code you added and where this code:

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){
var w3allNOappend = true;
}

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){

var w3allNOappend = true;

}

change into:

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){
//var w3allNOappend = true;
w3allappend = boardU;
//if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,200); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top
}

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){

//var w3allNOappend = true;

w3allappend = boardU;

//if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,200); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

}

then where this code:

if ('parentIFrame' in window){
  if( typeof w3allNOappend == 'undefined' ){
    window.parentIFrame.sendMessage(w3allappend);
  }
 }

if ('parentIFrame' in window){

if( typeof w3allNOappend == 'undefined' ){

window.parentIFrame.sendMessage(w3allappend);

}

change into:

$(document).ready(function() {
if ('parentIFrame' in window){
  if( typeof w3allNOappend == 'undefined' ){
    window.parentIFrame.sendMessage(w3allappend);
  }
 }
});

$(document).ready(function() {

if ('parentIFrame' in window){

if( typeof w3allNOappend == 'undefined' ){

window.parentIFrame.sendMessage(w3allappend);

}

});

Note that if you fail on copy/paste exactly these steps the code will not work. Be accurate and change exactly what needed. Remember to recompile phpBB template when changes applied, and may to empty WP cache if you run some cache plugin on WP side that prevent the modified WP page-forum to be loaded as you modified.

NOTE that using the pure Javascript solution, to fit your theme header and setup to scroll to right position in accord with your WP theme header gap space, you have to change this value into the
page-forum(or whatever you named it).php code you just added:

set the value

200

to a value between: 0 (zero) if you want to scroll to 0px top, 500 if you want 500px of gap and so on. Test changing value and refreshing your WP page forum until you not see the result you like and that fit your theme header gap space.

These are on fly changes for v3 code that will be finally released as v4 iframe code when further more improvements and/or required fixes discovered along the time applied.

Shorcode: RSS feeds into WordPress

WP_w3all phpBB WordPress 1.9.7 >

WP_w3all feed version 1.0

check all others shortcodes listed under the “common how” to section

Note that substantially this shortcode can substitute with easy all others old phpBB last topics shortcodes. It can retrieve any kind of posts/topics list and display as more like using style/classes or inline style. Follow read more below …

Note: this shortcode work ok also if a valid path to a phpBB config.php file has not been setup and the plugin result as not activated (RED text) on plugin admin page

Note also that this shortcode as it is coded, like the related WP hook, caches results for 12 hours by default

Look two raw examples

As basic default the shortcode feeds, that can point to a phpBB generated feed OR to any other valid feed resource, need to be used like this:

[w3allfeed w3feed_url="https://www.axew3.com/www/phpBB3/feed.php?f=2"]

1	[w3allfeed w3feed_url="https://www.axew3.com/www/phpBB3/feed.php?f=2"]

The example of feed to retrieve is here for phpBB, but it’s possible to use any valid feed URL to display feeds from any resource. Check some feed example to grab here http://simplepie.org/demo/ or any other you want and use into the shortcode like this:

[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="10"]

1	[w3allfeed w3feed_url="http://engadget.com/rss.xml" w3feed_items_num="10"]

here as example the w3feed_items_num attribute limit to 10 items to retrieve and display from the RSS source:

w3feed_items_num="10"

1	w3feed_items_num="10"

To display phpBB posts feeds styled, there are some more attribute that is possible to use except the default 2 above explained:

// intval(num of words) is may only for phpBB posts
w3feed_text_words[0|intval(num of words)|content] 

w3feed_items_num
 
w3feed_ul_class
w3feed_li_class
w3feed_inline_style
w3feed_href_blank

// intval(num of words) is may only for phpBB posts

w3feed_text_words[0|intval(num of words)|content]

w3feed_items_num

w3feed_ul_class

w3feed_li_class

w3feed_inline_style

w3feed_href_blank

using all together, look this example, that not contain the w3feed_text_words attribute, in which, one possible value to use, is may reserved (may not) to phpBB news/last post RSS, and explained separately more below:

[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="12" w3feed_inline_style="list-style:none;" w3feed_href_blank="1" w3feed_ul_class="myexampleClassXUL" w3feed_li_class="myexampleClassXLI"]

1	[w3allfeed w3feed_url="https://www.axew3.com/w3/forums/feed.php?mode=news" w3feed_items_num="12" w3feed_inline_style="list-style:none;" w3feed_href_blank="1" w3feed_ul_class="myexampleClassXUL" w3feed_li_class="myexampleClassXLI"]

the attribute w3feed_ul_class=”myexampleClassXUL” will assign class name myexampleClassXUL to the wrapper element ul. w3feed_li_class do the same for nested li assigning myexampleClassXLI to all li elements of this feed.

adding w3feed_href_blank=”1″ will cause that links elements <a> that point to topics or links to authors will include/output with the html attribute target=”_blank”

w3feed_inline_style attribute can be used to inject inline style into each li element. Note that by the way it has been tested without using special chars on it, so that special characters may need to be properly escaped to be used in this case.

It’s possible to assign different classes and display each shortcode feeds output, ul and li elements, styled as it need to be or/and as more like.

Here you can see examples for phpBB to retrieve feeds: forums news, all forums, single forum, single topic and more, plus advanced features:

https://www.phpbb.com/support/docs/en/3.1/kb/article/faq-phpbb-atom-feeds/

The w3feed_text_words=”numOfWords” attribute is may reserved to be used only for phpBB posts feeds, while the 0 (zero) and content values are ok to be used on any other feed, not only phpBB:

0 | num of words | content

if omitted w3feed_text_words=”content” is the default behavior/result, that will return all the content of the post or feed item, changing nothing on output.

while adding an integer value, as example 30, so, w3feed_text_words=”30″ will cause that firsts 30 post’s words will display, and the default Statistics: phpBB text on output removed, while will be maintained all the rest, and the result will be something like:

Post Title
Post Content
Posted by axew3 — Sat Mar 09, 2019 12:04 am

w3feed_text_words=”numOfWords” int value can may also be used for any feed and not only for phpBB posts, but check before that the result is what you expect to be.

Using 0 (zero), so w3feed_text_words=”0″ , will cause that only topic’s titles links will display.

Except the mandatory w3feed_url attribute, any of the attributes can be mixed, applied or not applied, on each shortcode feed.

WordPress phpBB
mChat integration

This procedure assume you installed the wp_w3all WordPress phpBB integration plugin (in linked or not linked users mode) into WordPress, and phpBB mChat into your phpBB. At date of this post, the code as is can be applied by anyone, but this is a raw procedure may easy to be changed by advanced users. Work fine, but to optimize at best for your site, you may have to change something on the little javascript code you’ll add as explained on install steps. You can see the concept and code to apply available here:

WordPress phpBB mChat w3all procedure

See live raw working examples here:

WordPress phpBB mChat integration example

Just a good point to start from, that can be easily improved under any aspect and to fit any needs. Will be upgraded along the time.

phpBB WordPress template integration (iframe v3)

v3 version (~~for cool people~~) ~~old v2 version is here~~

NOTE THAT THIS CODE IS SUITABLE UNTIL 1.9.8 or <

Cool people are actually using version 4:

phpBB WordPress template integration (iframe v4)

THIS IS OLD CODE! REFER TO V4 IFRAME CODE FOR WP_W3ALL 1.9.9 OR >

phpBB WordPress template integration (iframe v4)

~~PAGE HELP – JS code – UPDATED on 24 Feb 2019~~
~~(related views/page-forum.php – updated on 3 Gen 2019)~~

~~/trunk/addons/page-forum.php~~

~~phpBB SEO mods compatible~~

~~wp_w3all plugin 1.9.4 >~~

(READ ALL this page)

wp_w3all responsive iframe procedure v3

Open with a text editor your phpBB template file overall_footer.html

and just before the closing </body> tag, add this code (do not select rows numbers on copied code):

<script type="text/javascript">	
document.domain = 'axew3.com'; // MANDATORY! // Set/Change this value to fit your domain (example: axew3.com (or leave localhost if on localhost)) 
var wordpress_url_page_forum = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

var w3all_doc_domain = document.domain;
var w3allappend = false;
var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:
// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885
// remove /* and */ to activate, also more below to complete ...
/*
$(".postimage").on("click", function(event) {
var pos = event.pageY - 100;
 $(parent.window).scrollTop( 200 );
var el = document.getElementById("lightbox");
$("#lightboxOverlay").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lb-close").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lightbox").on("click", function() {
$(parent.window).scrollTop( pos );
});
});
*/

function w3allNormalize_phpBBUrl(href){
// try to 'normalize' passed relative links: needed all after last slash /
// exception are kind of passed urls like: /phpbb323/app.php/help/faq
// and if SEO mods that may assign some different kind of links values
// by the way, SEO absolute urls http(s) should be (all?) already considered here ...
var phpbbRUrl = href.split(/^.+?(\w+.+)$/);
if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)
	 phpbburl = href.split(/^.+?(app\.php.+)$/);
	 w3allappend = phpbburl[1];
 } else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod
   phpbburl = href.split(boardU);
	 w3allappend = phpbburl[1];
 } else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other
   w3allappend = phpbbRUrl[1];
 } else if ( phpbbRUrl[0].length > 1 ){
   w3allappend = phpbbRUrl[0];
   }
// ... if still not normalized
if(/^\W/ig.exec(w3allappend) !== null){
 	w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
 	if(w3allappend[1]){
 		w3allappend = w3allappend[1];
 	}
 	if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
 		w3allappend = w3allappend[1].substr(1);
 	}
}
return w3allappend;
}
 
$(document).on("click", "a", function(e) {
  var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){
	return;
}

if( /\/adm\//ig.exec(href) !== null ){
e.preventDefault();
window.open(href,'_blank');
return;
}
if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){
var w3allNOappend = true;
}
// check if link point to external resource
 if ((this.href.indexOf(boardU) > -1) != true){
 if(/^(f|ht)tps?:\/\//i.test(href)){
	e.preventDefault(); // prevent load as we are inside
	parent.location.replace(href);
  return;
 }
}
// check for # short links like on FAQ page
if ( href.charAt(0) == '#' ){
 return;
}

w3allappend = w3allNormalize_phpBBUrl(href);
   var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors
   var w3all_onclick_smile  = (w3all_parent_element_id.indexOf('smiley-box') > -1);
   var w3all_onview_topic  = (href.indexOf('viewtopic.php') > -1);
   var w3all_onview_attach  = (href.indexOf('file.php') > -1);
   var w3all_onreview_post = /#[review]+/ig.exec(href);
   var w3all_ck_quickmod  = (href.indexOf('quickmod') > -1);
   var w3all_onreply_topic  = (href.indexOf('mode=reply') > -1);
   var w3all_ck_onindex  = (href.indexOf('index.php') > -1);

// complete Lightbox correct attachment display // activate removing /* and */ 
// or used to open on new tab attachments
/*
if(w3all_onview_attach !== false){
e.preventDefault();
window.open(href,'_blank');
return;
} */

if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null ) {
  if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top
  }
if ('parentIFrame' in window){
  if( typeof w3allNOappend == 'undefined' ){
    window.parentIFrame.sendMessage(w3allappend);
  }
 }
});
 
///////////////////////////////////////////////////////////////////////////
// w3all Ajax UPDATES for phpBB events
 
//if (window.frameElement) { // if in iframe 
//if ('parentIFrame' in window){
if(window.self !== window.top){
var pmn = "{PRIVATE_MESSAGE_COUNT}"; 
var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}"; 
// to send to wp at once here 
var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged; 
if(w3appendevents.indexOf('w3allmchatif') == -1){
//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){
parent.w3all_ajaxup_from_phpbb(w3appendevents); 
//}
} 
// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)
var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if(w3iOS == false){
$(window).load(function() {
var bd = document.getElementsByTagName("body");
for (var i = 0; i < bd.length; i++) { 
    var bdID = bd[i].getAttribute("id"); 
}
var elt = document.getElementById(bdID);	
elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");
});
}

$( "a" ).contextmenu(function() {
 var ohref = $(this).attr("href");
 var href = this.href; // treath like an external because only open New tab or New window
  d = w3allNormalize_phpBBUrl(href);
  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;  
    
  $(this).attr("href", href1); // send out encoded
  $(this).mouseleave(function() { // reset (replaced 'mouseup')
  $(this).attr("href", ohref);
  });
});
 
} // END if (window.frameElement) {
</script>
<script type="text/javascript" src="https://localhost/root_integrations/phpbb323/iframeResizer.contentWindow.min.js" defer></script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

document.domain = 'axew3.com'; // MANDATORY! // Set/Change this value to fit your domain (example: axew3.com (or leave localhost if on localhost))

var wordpress_url_page_forum = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

var w3all_doc_domain = document.domain;

var w3allappend = false;

var boardU = "{BOARD_URL}";

// Lightbox correct scroll fix:

// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885

// remove /* and */ to activate, also more below to complete ...

$(".postimage").on("click", function(event) {

var pos = event.pageY - 100;

$(parent.window).scrollTop( 200 );

var el = document.getElementById("lightbox");

$("#lightboxOverlay").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lb-close").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lightbox").on("click", function() {

$(parent.window).scrollTop( pos );

});

function w3allNormalize_phpBBUrl(href){

// try to 'normalize' passed relative links: needed all after last slash /

// exception are kind of passed urls like: /phpbb323/app.php/help/faq

// and if SEO mods that may assign some different kind of links values

// by the way, SEO absolute urls http(s) should be (all?) already considered here ...

var phpbbRUrl = href.split(/^.+?(\w+.+)$/);

if( href.indexOf('app.php') > -1 ){ // since the previous not 'normalize' this type of passed value (and may miss something else)

phpbburl = href.split(/^.+?(app\.php.+)$/);

w3allappend = phpbburl[1];

} else if ( /^https?/ig.exec(href) !== null ){ // absolute http(s) passed: try to 'normalize' a possible seo mod

phpbburl = href.split(boardU);

w3allappend = phpbburl[1];

} else if ( phpbbRUrl[1] && phpbbRUrl[1].length > 1 ){ // 'normalize' any other

w3allappend = phpbbRUrl[1];

} else if ( phpbbRUrl[0].length > 1 ){

w3allappend = phpbbRUrl[0];

}

// ... if still not normalized

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

$(document).on("click", "a", function(e) {

var href = $(this).attr("href");

if( /[^-0-9A-Za-z\._#\:\?\/=&%]/ig.exec(href) !== null ){

return;

}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

if( /posting\.php\?mode=[reply|post|bump]/ig.exec(href) !== null || /mcp\.php\?/ig.exec(href) !== null ){

var w3allNOappend = true;

}

// check if link point to external resource

if ((this.href.indexOf(boardU) > -1) != true){

if(/^(f|ht)tps?:\/\//i.test(href)){

e.preventDefault(); // prevent load as we are inside

parent.location.replace(href);

return;

}

// check for # short links like on FAQ page

if ( href.charAt(0) == '#' ){

return;

}

w3allappend = w3allNormalize_phpBBUrl(href);

var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors

var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);

var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);

var w3all_onview_attach = (href.indexOf('file.php') > -1);

var w3all_onreview_post = /#[review]+/ig.exec(href);

var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);

var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);

var w3all_ck_onindex = (href.indexOf('index.php') > -1);

// complete Lightbox correct attachment display // activate removing /* and */

// or used to open on new tab attachments

if(w3all_onview_attach !== false){

e.preventDefault();

window.open(href,'_blank');

return;

} */

if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null ) {

if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

}

if ('parentIFrame' in window){

if( typeof w3allNOappend == 'undefined' ){

window.parentIFrame.sendMessage(w3allappend);

}

});

///////////////////////////////////////////////////////////////////////////

// w3all Ajax UPDATES for phpBB events

//if (window.frameElement) { // if in iframe

//if ('parentIFrame' in window){

if(window.self !== window.top){

var pmn = "{PRIVATE_MESSAGE_COUNT}";

var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

// to send to wp at once here

var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged;

if(w3appendevents.indexOf('w3allmchatif') == -1){

//if(parent.location.href.indexOf(wordpress_url_page_forum) > -1){

parent.w3all_ajaxup_from_phpbb(w3appendevents);

//}

}

// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc (but skip on iOS)

var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

if(w3iOS == false){

$(window).load(function() {

var bd = document.getElementsByTagName("body");

for (var i = 0; i < bd.length; i++) {

var bdID = bd[i].getAttribute("id");

}

var elt = document.getElementById(bdID);

elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");

});

}

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

} // END if (window.frameElement) {

</script>

after you pasted this code into phpBB overall_footer.html
edit following lines:

document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

1	document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

change axew3.com to fit your domain name (example axew3.com)
do NOT add http(s):// OR the point in front nor anything else, just add
yourdomain.com or set it as localhost if on localhost test. If phpBB is at subdomain.domain.com, add domain.com as value
(MANDATORY!) or resizer won’t work
now check the other line to change:

var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

1	var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

change value
https://www.axew3.com/w3/forum
on this line, to point to the URL of the WordPress created/named forum page (do not add final slash and change http or https as needed)
MANDATORY!

Finally, check this line

<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

1	<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

1	src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

AFTER EDITED, save and load the modified overall_footer.html into your phpBB style folder, overwriting the default one, and so

After this, phpBB require to recompile the template, or modifications to template files not affect (to overall_footer.html in this case). Open phpBB ACP, and so under:

Server Configuration -> Load settings -> Recompile stale style components set to YES and save. Load one time a phpBB full forum page. Leave as is at moment, especially if you follow adding also the code on overall_header.html (more below) to redirect any phpBB direct URL to the iframed WP page: then after tested that all work fine, may return to ACP, and reset to NO and save. This step is needed to load the template modifications on phpBB (and any time you edit a phpBB template file to for modifications take effect), but this option should be ever set to NO into an online/production site to save server resources. It is normally set to yes only for testing/devel purpose or to apply modifications on phpBB templates files.

Notification email links to point to iframe: follow read more below for the pure Javascript solution. Refer to v2 or v1 code for htaccess or js solution editing phpBB notifications files.

The new V3 w3all iframe code do not use anymore htaccess to force redirect as on V1 code, and substantially not rewrite URLs forcing redirect to iframe, but use pure Javascript (reload) code, that as you may imagine, lead to some different result: you’ll not have to edit phpBB notification links on phpBB notification files as on V1 or V2 code, to force users redirect to iframe when they click on notification email link. But in this case, any user except bots, will be redirected (as code is, but it can be easily changed to assume different behaviors, may excluding admins or moderators etc) to the WP iframed page, if the forum accessed via real phpBB url.

To apply same smooth scroll effect as it is on this online example, after finished with this procedure, follow with this steps:

Smooth scroll for phpBB WordPress template integration (iframe v3)

If you want phpBB email notification links or any phpBB direct url to be redirected to wp iframed forum page using pure javascript, follow this step:

Open with a text editor your phpBB template file overall_header.html

and just immediately after this code (or by the way, before the closing tag </head>)

<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
-->

<!--

phpBB style name: prosilver

Based on style: prosilver (this is the default phpBB3 style)

Original author: Tom Beddard ( http://www.subBlue.com/ )

Modified by:

-->

add the following code:

<!-- IF not S_IS_BOT --><script type="text/javascript">
// START force w3all to iframe redirect
var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page
function w3all0Normalize_phpBBUrl(u){
	var bu = "{BOARD_URL}";
	w3allappend = "{BOARD_URL}"; 
 if ( /^https?/ig.exec(u) !== null ){ 
   phpbburl = u.split(bu);
	 w3allappend = phpbburl[1];
 } 
if(/^\W/ig.exec(w3allappend) !== null){
 	w3allappend = w3allappend.split(/^.+?(\w+.+)$/);
 	if(w3allappend[1]){
 		w3allappend = w3allappend[1];
 	}
 	if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){
 		w3allappend = w3allappend[1].substr(1);
 	}
}
return w3allappend;
}

if ((window.self !== window.top) != true) { //(or get loop)
 if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP
  var w3all_r = window.location.href.replace(/sid=.+/gi, '');
 w3all_r = w3all0Normalize_phpBBUrl(w3all_r);
  hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));
  href0 =  wordpress_url_page_f + '/?w3=' + hrefEnc;
  document.location.replace(href0);
}}
// END force w3all to iframe redirect
</script>
<!-- ENDIF -->

<script type="text/javascript">

// START force w3all to iframe redirect

var wordpress_url_page_f = 'https://localhost/wp5/forum'; // MANDATORY! // (DO NOT ADD/INCLUDE final slash here) Url that point to your iframed wordpress forum page

function w3all0Normalize_phpBBUrl(u){

var bu = "{BOARD_URL}";

w3allappend = "{BOARD_URL}";

if ( /^https?/ig.exec(u) !== null ){

phpbburl = u.split(bu);

w3allappend = phpbburl[1];

}

if(/^\W/ig.exec(w3allappend) !== null){

w3allappend = w3allappend.split(/^.+?(\w+.+)$/);

if(w3allappend[1]){

w3allappend = w3allappend[1];

}

if ( w3allappend[1] && w3allappend[1].charAt(0) == '/' ){

w3allappend = w3allappend[1].substr(1);

}

return w3allappend;

}

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc;

document.location.replace(href0);

}}

// END force w3all to iframe redirect

</script>

On added code, change URL on the line where (line 3):

var wordpress_url_page_f = 'https://localhost/wp5/forum';

1	var wordpress_url_page_f = 'https://localhost/wp5/forum';

to fit/point to the WordPress iframed forum page: DO NOT ADD final slash and setup as http or https as needed.

NOTE: if you added the code above into phpBB overall_header.html then you’ll need to remove or comment out this part by the code you added into the overall_footer.html:

$( "a" ).contextmenu(function() {
 var ohref = $(this).attr("href");
 var href = this.href; // treath like an external because only open New tab or New window
  d = w3allNormalize_phpBBUrl(href);
  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;  
    
  $(this).attr("href", href1); // send out encoded
  $(this).mouseleave(function() { // reset (replaced 'mouseup')
  $(this).attr("href", ohref);
  });
});

$( "a" ).contextmenu(function() {

var ohref = $(this).attr("href");

var href = this.href; // treath like an external because only open New tab or New window

d = w3allNormalize_phpBBUrl(href);

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

$(this).attr("href", href1); // send out encoded

$(this).mouseleave(function() { // reset (replaced 'mouseup')

$(this).attr("href", ohref);

});

Recompile phpBB template and reset to no the option when changes applied

whenever you want: to get the iframe responsive for ACP phpBB admin panel, read this post. My (personal) suggestion is to stop here and try to use the integration leaving ACP out of iframe joke. If by the way you want to follow, before to apply then you’ll have to little change the above code for overall_footer.html and overall_header.html in this way:

on code for overall_footer.html remove this part:

if( /\/adm\//ig.exec(href) !== null ){ 
e.preventDefault(); 
window.open(href,'_blank'); 
return; 
}

if( /\/adm\//ig.exec(href) !== null ){

e.preventDefault();

window.open(href,'_blank');

return;

}

on code for overall_header.html remove this part:

if ((window.self !== window.top) != true) { //(or get loop) 
if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP 
var w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }} 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

if(/adm\//ig.exec(window.location.href) === null){ // avoid x ACP

var w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }}

// END force w3all to iframe redirect

change into:

if ((window.self !== window.top) != true) { //(or get loop) 
w3all_r = window.location.href.replace(/sid=.+/gi, ''); 
w3all_r = w3all0Normalize_phpBBUrl(w3all_r); 
hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r))); 
href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); } 
// END force w3all to iframe redirect

if ((window.self !== window.top) != true) { //(or get loop)

w3all_r = window.location.href.replace(/sid=.+/gi, '');

w3all_r = w3all0Normalize_phpBBUrl(w3all_r);

hrefEnc = window.btoa(unescape(encodeURIComponent(w3all_r)));

href0 = wordpress_url_page_f + '/?w3=' + hrefEnc; document.location.replace(href0); }

// END force w3all to iframe redirect

phpBB WordPress template integration (iframe v2)

See NEW v3 phpBB WordPress template integration code

v2 version (OBSOLETE)

See NEW v3 phpBB WordPress template integration code

PAGE HELP and JS code – UPDATED on 21 Dec 2018
(related views/page-forum.php – updated on 26 Sep 2018)

you need to use this version of page-forum.php for this javascript code:
/tags/1.9.3/addons/page-forum.php

wp_w3all responsive iframe procedure

After you’ve built/created the WP forum template page via
WP_w3all phpBB embedded on WordPress Template
option on WP_w3all admin config page, and the blank page on WordPress Admin -> Pages -> Add New, titled the same of created wp_w3all template page, so forum or board etc (then you’ll have into your active WordPress template folder a file named page-forum.php or page-board.php etc), to complete the procedure and get the responsive iframe height for the embedded/iframed phpBB into WordPress template page you need:

Open with a text editor your phpBB template file overall_footer.html

and just before the closing </body> tag, add this code (do not select lines numbers column on copied code):

<script type="text/javascript">
document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost)) 
var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

var w3all_doc_domain = document.domain;
 
// Lightbox correct scroll fix:
// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885
// remove /* and */ to activate // also more below ...
/*
$(".postimage").on("click", function(event) {
var pos = event.pageY - 100;
 $(parent.window).scrollTop( 200 );
var el = document.getElementById("lightbox");
$("#lightboxOverlay").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lb-close").on("click", function() {
$(parent.window).scrollTop( pos );
});
$(".lightbox").on("click", function() {
$(parent.window).scrollTop( pos );
});
});
*/
  $(document).on("click", "a", function(e) {
   var href = $(this).attr("href");
  $(this).attr("href", href.replace('iframe=true&', '')); // remove! or get loop in htaccess if var appended before ...
   var w3allappend = href;
   var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors
   var w3all_onclick_smile  = (w3all_parent_element_id.indexOf('smiley-box') > -1);
   var w3all_onview_topic  = (href.indexOf('viewtopic.php') > -1);
   var w3all_onview_attach  = (href.indexOf('file.php') > -1);
   var w3all_onreview_post = /#[review]+/ig.exec(href);
   var w3all_onview_post = /#p[0-9]+/ig.exec(href);
   var w3all_ck_quickmod  = (href.indexOf('quickmod') > -1);
   var w3all_onreply_topic  = (href.indexOf('mode=reply') > -1);
   var w3all_ck_onindex  = (href.indexOf('index.php') > -1);
   var w3all_onsubmit_post = /^post?/ig.exec(href);
   var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);
   var shortinp = /^#[a-z][0-9]+$/ig.exec(href);
   var app = '';

// complete Lightbox correct attachment display or common default display
// activate removing /* and */
/*
if(w3all_onview_attach !== false){
e.preventDefault();
window.open(href,'_blank');
return;
}
*/
   
if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null && shortfaq == null  && shortinp == null ) {
   if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

 if ( w3allappend.charAt(0) != '.' && w3allappend.charAt(1) != '/' ){
  app = href.split('app.php');
	w3allappend = './app.php' + app[1];
}

var newPath = /^.+(\.\/.+)/ig.exec(w3allappend); // need to be ./
if(newPath != null){
		w3allappend = newPath[1];
	}
	
// check if link point to external resource	
if (/^(f|ht)tps?:\/\//i.test(href)){
        e.preventDefault();
	parent.location.replace(href);
	return;
} else {
   w3allappend = window.btoa(unescape(encodeURIComponent(w3allappend)));
  }
 if ('parentIFrame' in window) window.parentIFrame.sendMessage(w3allappend);
}
});
 
///////////////////////////////////////////////////////////////////////////
// w3all Ajax UPDATES for phpBB events
 
if (window.frameElement) { // if in iframe 
 
window.onload = function() {
var pmn = "{PRIVATE_MESSAGE_COUNT}";
var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";
// to send to wp at once here, like this: #w3all_phpbbpmcount=val#w3all_phpbbnotifycount=val#etc etc etc
var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged;
parent.w3all_ajaxup_from_phpbb(w3appendevents);
}
 
// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc
// skip iOS
var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if(w3iOS == false){
$(window).load(function() {
var bd = document.getElementsByTagName("body");
for (var i = 0; i < bd.length; i++) { 
    var bdID = bd[i].getAttribute("id"); 
}
var elt = document.getElementById(bdID);	
elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");
});
}

$( "a" ).contextmenu(function() {
  var href = $(this).attr("href");
  var ohref = href;
  var applink = /app\.php[\w\/]+/ig.exec(href);
	var ckext = /^(f|ht)tps?:\/\//i.test(href); // external resource url?
	var ffile = '';
	var shortinp = /^#[a-z][0-9]+$/ig.exec(href);
	var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);
	var hrefu = document.location.href;
if ( href.charAt(0) == '.' && href.charAt(1) == '/' ){
	ffile = ohref;
} else {
  pu = href.split('app.php');
	ffile = './app.php' + pu[1];
}

if( shortinp != null ){
	 ffile = './' + hrefu.split('\\').pop().split('/').pop();
 }
 
 if( shortfaq != null && href.charAt(1) != 'p'){
 	pu = hrefu.split('app.php');
	ffile = './app.php' + pu[1] + shortfaq;
 }
 
var d = ffile;	 
if( href.length < 2 ){ // #
  d = document.location.href;
 }

  hrefEnc = window.btoa(unescape(encodeURIComponent(d)));
  href1 =  wordpress_url_page_forum + '/?w3=' + hrefEnc;
     
 if( ckext != false ){ // external Url
 	href1 = ohref;
 }
      
  $(this).attr("href", href1); // send out encoded
  $(this).mouseout(function() { // reset
  $(this).attr("href", ohref);
});

});

} // END if (window.frameElement) {
</script>
<script type="text/javascript" src="https://www.axew3.com/w3/forums/iframeResizer.contentWindow.min.js" defer></script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or leave localhost if on localhost))

var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

var w3all_doc_domain = document.domain;

// Lightbox correct scroll fix:

// https://www.axew3.com/w3/forums/viewtopic.php?f=13&t=885

// remove /* and */ to activate // also more below ...

$(".postimage").on("click", function(event) {

var pos = event.pageY - 100;

$(parent.window).scrollTop( 200 );

var el = document.getElementById("lightbox");

$("#lightboxOverlay").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lb-close").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(".lightbox").on("click", function() {

$(parent.window).scrollTop( pos );

});

$(document).on("click", "a", function(e) {

var href = $(this).attr("href");

$(this).attr("href", href.replace('iframe=true&', '')); // remove! or get loop in htaccess if var appended before ...

var w3allappend = href;

var w3all_parent_element_id = $(this).parent().get( 0 ).id; // detect click x ... (ex: return ID smiley-box, onclick post smiles) ... // detect and avoid/allow certain behaviors

var w3all_onclick_smile = (w3all_parent_element_id.indexOf('smiley-box') > -1);

var w3all_onview_topic = (href.indexOf('viewtopic.php') > -1);

var w3all_onview_attach = (href.indexOf('file.php') > -1);

var w3all_onreview_post = /#[review]+/ig.exec(href);

var w3all_onview_post = /#p[0-9]+/ig.exec(href);

var w3all_ck_quickmod = (href.indexOf('quickmod') > -1);

var w3all_onreply_topic = (href.indexOf('mode=reply') > -1);

var w3all_ck_onindex = (href.indexOf('index.php') > -1);

var w3all_onsubmit_post = /^post?/ig.exec(href);

var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);

var shortinp = /^#[a-z][0-9]+$/ig.exec(href);

var app = '';

// complete Lightbox correct attachment display or common default display

// activate removing /* and */

if(w3all_onview_attach !== false){

e.preventDefault();

window.open(href,'_blank');

return;

}

if ( w3all_onclick_smile == false && w3all_onview_attach == false && w3all_onreview_post == null && shortfaq == null && shortinp == null ) {

if ('parentIFrame' in window) window.parentIFrame.scrollTo(0,50); // change 50 to another value may 0 or 100 or 500. Top distance gap in px when page scroll top

if ( w3allappend.charAt(0) != '.' && w3allappend.charAt(1) != '/' ){

app = href.split('app.php');

w3allappend = './app.php' + app[1];

}

var newPath = /^.+(\.\/.+)/ig.exec(w3allappend); // need to be ./

if(newPath != null){

w3allappend = newPath[1];

}

// check if link point to external resource

if (/^(f|ht)tps?:\/\//i.test(href)){

e.preventDefault();

parent.location.replace(href);

return;

} else {

w3allappend = window.btoa(unescape(encodeURIComponent(w3allappend)));

}

if ('parentIFrame' in window) window.parentIFrame.sendMessage(w3allappend);

}

});

///////////////////////////////////////////////////////////////////////////

// w3all Ajax UPDATES for phpBB events

if (window.frameElement) { // if in iframe

window.onload = function() {

var pmn = "{PRIVATE_MESSAGE_COUNT}";

var w3all_phpbb_u_logged = "{S_USER_LOGGED_IN}";

// to send to wp at once here, like this: #w3all_phpbbpmcount=val#w3all_phpbbnotifycount=val#etc etc etc

var w3appendevents = '#w3all_phpbbpmcount=' + pmn + '#w3all_phpbb_u_logged=' + w3all_phpbb_u_logged;

parent.w3all_ajaxup_from_phpbb(w3appendevents);

}

// fix vertical iframe centered on viewtopic.php, preview or where # anchor etc

// skip iOS

var w3iOS = !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);

if(w3iOS == false){

$(window).load(function() {

var bd = document.getElementsByTagName("body");

for (var i = 0; i < bd.length; i++) {

var bdID = bd[i].getAttribute("id");

}

var elt = document.getElementById(bdID);

elt.setAttribute("style", "position:fixed;top:0%;left:0%;width:100%;margin:0px;");

});

}

$( "a" ).contextmenu(function() {

var href = $(this).attr("href");

var ohref = href;

var applink = /app\.php[\w\/]+/ig.exec(href);

var ckext = /^(f|ht)tps?:\/\//i.test(href); // external resource url?

var ffile = '';

var shortinp = /^#[a-z][0-9]+$/ig.exec(href);

var shortfaq = /^#[a-z][a-z0-9]+$/ig.exec(href);

var hrefu = document.location.href;

if ( href.charAt(0) == '.' && href.charAt(1) == '/' ){

ffile = ohref;

} else {

pu = href.split('app.php');

ffile = './app.php' + pu[1];

}

if( shortinp != null ){

ffile = './' + hrefu.split('\\').pop().split('/').pop();

}

if( shortfaq != null && href.charAt(1) != 'p'){

pu = hrefu.split('app.php');

ffile = './app.php' + pu[1] + shortfaq;

}

var d = ffile;

if( href.length < 2 ){ // #

d = document.location.href;

}

hrefEnc = window.btoa(unescape(encodeURIComponent(d)));

href1 = wordpress_url_page_forum + '/?w3=' + hrefEnc;

if( ckext != false ){ // external Url

href1 = ohref;

}

$(this).attr("href", href1); // send out encoded

$(this).mouseout(function() { // reset

$(this).attr("href", ohref);

});

} // END if (window.frameElement) {

</script>

after you pasted this code into phpBB overall_footer.html
edit following lines:

document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

1	document.domain = 'axew3.com'; // THIS IS MANDATORY! Set/Change this value to your domain (example: axew3.com (or set localhost if on localhost))

var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

1	var wordpress_url_page_forum = 'https://www.axew3.com/w3/forum'; // MANDATORY! (DO NOT INCLUDE final slash here) Url that point to your wordpress forum page (without final slash)

change value
https://www.axew3.com/w3/forum
on this line, to point to the URL of the WordPress created forum page
(do not add final slash and change http or https as needed)
MANDATORY!

Finally, check this line

<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

1	<script type="text/javascript" src="https://www.axew3.com/phpBB/iframeResizer.contentWindow.min.js" defer></script>

src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

1	src="https://www.yoursite.com/your-phpbb-folder/iframeResizer.contentWindow.min.js"

AFTER EDITED, save and load the modified overall_footer.html into your phpBB style folder, overwriting the default one, and so

After this, phpBB require to recompile the template, or modifications to template files not affect (to overall_footer.html in this case). Open phpBB ACP, and so under:

Server Configuration -> Load settings -> Recompile stale style components set to YES and save. Load one time a phpBB full forum page. So return to ACP and reset to NO, save. This step is needed one time to load the template modifications on phpBB (and any time you edit a phpBB template file to for modifications take effect), but this option should be ever set to NO into an online/production site to save server resources. It is normally set to yes only for testing/devel purpose or to apply modifications on phpBB templates files.

How to update to latest iframe js code and page-forum.php?

Update the plugin (or download plugin and copy files by /resizer folder)
so files inside folder
/wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer
results updated (or do it manually substituting these files with latest released https://github.com/davidjbradshaw/iframe-resizer)
so substitute/replace the file you added into phpBB root folder with latest iframeResizer.contentWindow.min.js
copy it from
/wp-content/plugins/wp-w3all-phpbb-integration/addons/resizer
folder and replace in phpBB root folder.

Replace the old code added into phpBB overall_footer.html file with the new one above into this page, take care to setup on it needed values as now required.

Remember to rebuild phpBB template after these steps to let changes take effect.

Now rebuild the page forum in WP w3all admin page, or manually copy the new page-forum.php version contained on folder
/wp-content/plugins/wp-w3all-phpbb-integration/addons
and paste it into your WordPress template folder, renaming it as needed, so for example page-board.php if you setted up board for the forum page name on wp_w3all admin page.

Done.

Note: if you want a custom page-forum, just open the page-forum.php (or whatever you named it) and read inline hints inside. It is so easy to create a custom page forum (for example with two columns etc). If any help more. just post on help forums here at axew3.com or at wordpress.org.

If you want phpBB email notification links to point to iframe, follow this step about htaccess:

phpBB htaccess for phpBB notification email to point WP forum page (1.6.9>)

to activate the rewrite right click/copy links on iframe, to point to iframe, activate the related code removing the two lines:

/* remove this line to activate htaccess trick
and
*/ //remove this line to activate htaccess trick

NOTE: to get the iframe to be responsive for ACP phpBB admin panel, read this post.

Transfer phpBB users into WordPress or WordPress users into phpBB

If you want to use the phpBB WordPress integration plugin just to transfer users between WordPress and phpBB or phpBB to WordPress, follow instructions on this help page:

WordPress phpBB integration without linking users

WordPress phpBB integration without linking users

NOTE: from 1.9.4 > this feature become option on plugin admin page, so may it is needed further read more below only if updating from old plugin versions: update the plugin, then login plugin admin and setup as YES the new plugin option

Activate integration without linking users between WordPress and phpBB

Will not be further more necessary to edit the wp_w3all.php file each time plugin update, to set it up the integration as Not Linked Users.

It is possible to use the plugin without linking users between WordPress and phpBB. You can display Last Topics Widgets and Shortcodes to display phpBB Last Posts or Posts content into WordPress Pages/Posts. It is also possible to use the iframed WP page, to display the phpBB forum into a WordPress page (also cross domain*). Without linking users, you may can integrate also a version of phpBB prior (<) of phpBB 3.1 to display phpBB Last Topics Widgets/Shortcodes or phpBB Posts Shorcodes into WordPress.

The plugin can be used in this state also to transfer/migrate users between phpBB and WordPress or viceversa.

It is necessary to activate the plugin: setup the Path and URL setting following instructions into WP admin -> Settings -> WP_w3all config page. You do not need to follow any other further instruction about cookie setup and/or phpBB ACP settings in this case. So after plugin has been activated, by setting Path to a valid phpBB config.php file and URL setting, you can use Widgets Last Topics Posts and use Shortcodes into WP pages and posts, to display phpBB contents or to use the users transfers options in this state. The URL setting if the plugin is merely used to transfer users, is not needed. Just setup the path to a valid phpBB config.php file.

Hint Note*: without linking users between phpBB and WordPress, it is also possible to use the plugin for cross domains installations (not only domain and subdomain). Just create a valid custom phpBB config.php file, as suggested into Wp admin -> WP_w3all config page, and use it.

NOTE: from 1.9.4 this feature has become option, so if updating from old plugin versions, just update the plugin, and repeat the above predure last time: then login plugin admin and setup the new option

Activate integration without linking users between WordPress and phpBB: The Old Way

OBSOLETE step OR to update from old versions prior 1.9.4:

~~To install WP_w3all integration without linking users, follow these steps:~~
~~Install the plugin~~

~~open with text editor the file:~~
/wp-content/plugins/wp-w3all-phpbb-integration/wp_w3all.php
~~+- on top of the file, search for this line~~

//define('WPW3ALL_NOT_ULINKED', true);

1	//define('WPW3ALL_NOT_ULINKED', true);

~~if on 1.9.4 > and updating you’ll find this instead:~~

// Set integration as 'Not Linked Users'
if( get_option('w3all_not_link_phpbb_wp') > 0 ){
define('WPW3ALL_NOT_ULINKED', true);
}

// Set integration as 'Not Linked Users'

if( get_option('w3all_not_link_phpbb_wp') > 0 ){

define('WPW3ALL_NOT_ULINKED', true);

}

~~change into~~

define('WPW3ALL_NOT_ULINKED', true);

1	define('WPW3ALL_NOT_ULINKED', true);

save/replace the edited wp_w3all.php file into plugin folder.

wp_w3all responsive iframe procedure

WP_w3all template integration steps

overall_footer.html code

overall_header.html code

* For domain/subdomain installationsREAD THIS HOW TO:How to Domain/subdomain iframe template integration

Latest 3 news from axew3.com forums

News from engadget.com

WP_w3all phpBB WordPress 1.9.7 >

See live raw working examples here:

THIS IS OLD CODE! REFER TO V4 IFRAME CODE FOR WP_W3ALL 1.9.9 OR >

wp_w3all responsive iframe procedure v3

If you want phpBB email notification links or any phpBB direct url to be redirected to wp iframed forum page using pure javascript, follow this step:

wp_w3all responsive iframe procedure

How to update to latest iframe js code and page-forum.php?

If you want phpBB email notification links to point to iframe, follow this step about htaccess:

Activate integration without linking users between WordPress and phpBB: The Old Way

* For domain/subdomain installations
READ THIS HOW TO:
How to Domain/subdomain iframe template integration