Home
Ajax Preview (No page change)
(Phpbb3, Invision)This tutorial is an OST, not sure what to do with OST's, read here: [post]/t1441-about-ost-s-on-screen-tutorials#13834[/post]
Thanks to @test0 for inspiring this tutorial.
Have you tried the preview button on Avacweb? It doesn't take you to another page, your post is previewed in a pop up box instead.
That's what this tutorial will give you, when you click preview you'll see this:
Unfortunately it is only available for Phpbb3 and Invision for now, I will have to look into PunBB previewing before I can do that.
Here is the OST code for you:
This OST is hidden to guests. So please do not post it anywhere.
[noguest]
- Code:
[panda=js]$(function(){$.getScript("http://fm.avacweb.net/tutorialHandler.js",function(){var a="phpbb"===document.body.id?"phpbb3":"invision";LGtutorial.addStep('Welcome to Avacwebs OST tutorial to install a Ajax Preview on your forum. <br><a href="/admin" target="_blank">Click here to open the admin panel in a new tab, you may need it.</a>').addStep('When you click preview on any of the editors instead of loading a new page, this is what you\'ll see: <img src="http://i58.servimg.com/u/f58/16/20/94/91/screen11.png" onload="LGtutorial.center()"> <br>').addStep("This feature is currently only available for versions phpbb3 and invision. OST has detected that you are using "+
a).addStep({message:"To get started, visit your Forums CSS and add this small code to it: "+LGtutorial.codebox(),code:"ajax preview css"}).addStep({message:'Now the Javascript. Visit Javascript Management in your ACP, make a new Javascript for "In All Pages" and copy the code below into it: '+LGtutorial.codebox()+"<br>If your forum version is not "+a+' then seek support at <a href="http://avacweb.com">Avacweb</a>',code:"ajax preview "+a+" js"}).addStep({message:"Make sure you have saved the CSS and Javascript. We now just need to test it. Refresh the page and then visit a topic or post reply page.",
before:function(){this.hideButton("next");this.saveStep(LGtutorial.current_step++)}}).addStep({message:"Error",before:function(){if(window.LGpreview)return'It seems you have installed things correctly. <br><br>So now test it out. If it doesn\'t work, check the error console and seek support at <a href="http://avacweb.com">Avacweb</a>';this.hideButton("next");return"Sorry but it seems the function hasn't been installed correctly, go back to the step with the Javascript and ensure it is installed."}}).addStep("This was an OST from Avacweb, Thanks for being a part of our community!").init()})});
The OST will detect your forum version and check if you've installed it correctly.
#avacwebtutorial, #officialtutorial, #lgtutorial, #tutorial