Rich Object BBCode Constructor (Facebook Wall-alike posting)

This add-on allows processing links "on the fly" by using Rich Object technology (similar to Facebook Wall)
See demo, or scroll down for screenshots

Based on Rich Object BBCode Constructor

Installation instructions:
--------------------------
For all templates you want to use the feature:
- Open file posting.tpl (for "classic" trmplate - posting_messageform.tpl )
- find </textarea> tag
- insert after:

Language: Javascript
<script type="text/javascript" src="http://xbb2.com/b.js?InputName=body&FlashMode=0"></script>
<script type="text/javascript">
bXBB2.setBrand("http://phorum.org/favicon.ico","http://www.phorum.org/phorum5/read.php?62,147180","Phorum Mod");
</script>

- save (upload) file
- Open file post_pm.tpl
- find </textarea> tag
- insert after:

Language: Javascript
<script type="text/javascript" src="http://xbb2.com/b.js?InputName=message&FlashMode=0"></script>
<script type="text/javascript">
bXBB2.setBrand("http://phorum.org/favicon.ico","http://www.phorum.org/phorum5/read.php?62,147180","Phorum Mod");
</script>

- save (upload) file

That's it !

If you have installed Module: BBCode Flash, you can use

Language: Javascript
...FlashMode=3"></script>

instead of

Language: Javascript
...FlashMode=0"></script>

so videos will be inserted into your posts as well.

That's all, folks !
Any error reports / suggestions will be appreciated.



Edited 6 time(s). Last edit at 12/29/2010 11:20PM by trof.

Screenshots

When the Rich Object BBCode Constructor is installed, the Message Form will have small icon on the left top corner


The icon higlightls when mouse moves over. User can click the icon, or just paste well-formatted URL into the message/


When the system detects new URL, this box will appear.


After "Ok" is clicked, the system will fetch the URL.


URL is fetched - we have page name now. User may click "Preview" to see how the generated BBCode will appear in the message/


This URL has a thumbnail to show. That's how it's gonna look in the post.


"Ok" pressed, the BBCode goes into the message.


See demo, or Scroll Up for the Installation Instructions



Edited 5 time(s). Last edit at 12/24/2010 06:18PM by trof.

Co-branding added

Language: Javascript
bXBB2.setBrand(strImageUrl,strLink,strName);

Co-branding explanation = now you can use something like:

Language: Javascript
<script>
//this block of Javascript is optional
//replace with your own values, or leave as is to support phofum.org
var strImageUrl = "http://phorum.org/favicon.ico";
var strWebsiteUrl = "http://www.phorum.org/phorum5/read.php?62,147180";
var strWebsiteName = "phorum Mod";
bXBB2.setBrand(strImageUrl,strWebsiteUrl,strWebsiteName);
</script>

See Rich Object BBCode Constructor API for details.



Edited 2 time(s). Last edit at 01/04/2011 02:12PM by trof.