9lessons programming blog
Loading Search
Monday, October 10, 2011

Facebook Wall Script 4.0 Release

Introducing the Wall Script 4.0 commercial edition, a rich wall updating script and it’s a collaboration of 9lessons blog tutorials and some Jquery plugins. We added and improved many new features like instant photo uploads , webcam snap, more button, collapsed comments, expanding urls and delete update animations. Don't miss the video demo. Thanks!

Facebook Wall Script 4.0

Download Script     Live Demo

The new Wall Script 4.0 contains six folders called includes,css, icons,js, uploads and profile_pic with PHP files.

includes
-- Wall_Updates.php 
-- db.php //Database connection
-- Some Support Files
js
-- wall.js 
-- jquery.min.js // 1.4.2 version
-- jquery.oembed.js
-- jquery.wallform.js // Multiple ajax uploads
-- jquery.webcam.js
css
-- wall.css
//Files
index.php, load_messages.php, load_comments.php, message_ajax.php,comment_ajax.php, delete_message_ajax.php, delete_comment_ajax.php, moreupdates_ajax.php, view_ajax.php, session.php, webcam_image_ajax.php etc..

Note: Expanding URL oembed plugin works with Jquery 1.4.2 problem with Jquery higher versions.

Watch Features Demo


Database design for Facebook wall script. Contains four tables users, messages, comments and user_uploads.

Features
Instant Photos Uploads

Comments

Collapsed Comments

Expanding URLs

Webcam Snaps

Foreign Language Support

More Button

Script Filter + Text to Link

Installation

Step 1
Extract wall.zip into htdocs or www folder using Winzip software. Create Mysql database wall and find out wall.sql and import using PhyMyAdmin or MySQL query browser.

Step 2
MySQL database configuration settings.

db.php
You have to modify Host, Username and Password. If you want to enable Gravatar image make it $gravatar=1. You can change $perpage value for more button.
<?php
define('DB_SERVER', 'Host');
define('DB_USERNAME', 'User Name');
define('DB_PASSWORD', 'Password');
define('DB_DATABASE', 'Database');
$connection = mysql_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD) or die(mysql_error());
$database = mysql_select_db(DB_DATABASE) or die(mysql_error());
mysql_query ("set character_set_results='utf8'");
$path = "uploads/";
$perpage='10'; // Updates perpage
$base_url='http://localhost/wall/'; //Eg: http://www.abc.com/
$gravatar=0; // 0 false 1 true gravatar image
?>

Wall_Updates.php
Here you have to maintain same $pageper value for more button.
<?php
class Wall_Updates
{
public $perpage = 10; // Uploads perpage
................
................
}
?>

Step 3
User login session configuration.
session.php
User authentication success login.php should generate user id value as session.
<?php
session_start();
$uid=$_SESSION['user_id']; // In demo $uid=1 references to 'srinivas'
?>

Step 4
Webcam snaps configuration.
wall.js
Here you can set the webcamtotal value. I recommend 1 or 2 it's depends on your server capability.
$(document).ready(function()
{
var webcamtotal=2;// Snaps Count Min 1 and Max 6
...........
...........
}

Installation Video

Sponsored Links

Share this post

Comments
{ 80 comments }
Anonymous said...

good song man :)

Michael said...

hey,
i just downloaded the wall script 3.0 but messages do not support unicode special characters languages, like Greek. Do you have any fix for that?

Anonymous said...

Good job ! (Y)

Anas said...

very interesting tutorial.. really like your write up...!

Srinivas Tamada said...

@Michael

We added many rich features in Wall Script 4.0, If you compare with 3.0 it is just 20% of work.

Anonymous said...

check this one http://www.9lessons.info/2011/08/foreign-languages-using-mysql-and-php.html

Anonymous said...

çok güzel bir çalışma. gerçekten tebrik ettim.

Petey D said...

Is there anyway to incorporate friends into this script as such as in this demo: http://labs.9lessons.info/srinivas

Anonymous said...

And where is the .zip file? I just paid for this one :)

demetrius said...

Hi! It's really wonderful job!

Stupid question - is it hard to integrate this script with FB-Connect (Twitter)? And can I find some kind of tutorial here?

demetrius.

kaycee said...

great script. thanks man

Shahreez said...

Nice puma t-shirt :)

PlusCSS said...

Great Job Srinivas ..

I wish you good sales

for huge sales you can offer this script on codecanyon.com

I will try to buy a copy later .

Anonymous said...

But now we have to pay !! :( I'm sad

Anonymous said...

but there is something need to be notified here .
the script is fine and working very well but it is not suitable for friends wall update ,

means it is just one to self wall status , but when visiting other person wall , we will also see our wall , so I think need to work in that area bro

sheykh said...

is this open source!?
i need some edit to integrate with my website!

regards!

KFllash32 said...

When do I get the .ZIP file I pai for?????

Anonymous said...

Webcam Snaps

Anonymous said...

Webcam Snaps i want them apart.... only this!

vineet jain said...

Please write a tutorial on drag and drop friends in circles in google plus using exactly the same effects as google plus.

KFllash32 said...

Still waiting for the script I paid for :)

Are you still using the jquery.oembed.js file for video playing?

It will give trouble on sistes with SSL. Inside the .js file, you can't change the http to https

any ide on how to work around this problem?

Anonymous said...

good........

Anonymous said...

do provide support for buyers ?

Anonymous said...

Very good!!!

Vietnam said...

tut Great..
i have use wall scripts 3.0 and upgrade, it is work 90% than wall 4.0 ,my wall have'nt update and webcam images @@, hope you' share tut, sr about my English

Anonymous said...

Oh!! good script :B

Anonymous said...

users are defined by $uid.. but how can they comment and see other walls when they are logged in?

Sharvy said...

Nice Song Srinivas! ;)

Williams said...

Muchas Gracias amigo desde peru muchas gracias lo esperaba :B !

gabrin said...

are will live demo? or only video

Srinivas Tamada said...

@KFllash32

You will get mail from srinivas@9lessons.info

Paul Mayorga said...

excelent !!!!!!!!!!!!!!

Anonymous said...

Very nice job man :=)

KFllash32 said...

I got it. Thanx, but how to solve the SSL issue with the oembeded .js file?

Is there any workaround? If not, I can't watch movies, because my site is no longer safe.

Its a http I can't change to https in that js file.

I searched the web for a solution, but could not find any.

Merrick said...

Hey Srinivas, I uploaded the script and when ever I make a post everything disappears after a refresh... I'm not sure what the cause maybe but wanted to know if there was a work around....

ayhoung said...

you are awsome!

madhur said...

g8 work man
superb!!!!!!!!!!!!!

shahidkhan said...

did not find link to download can you plz send me on my this mail

shahidkhan864@gmail.com

Anonymous said...

Hey, I bought the script but is there any way to make Youtube Embeds show videos? Only Vimeo seems to work.

James said...

Hey there, I noticed a bug in this script. When you authenticate the webcam and click "Take snap" The button will disappear.

Srinivas Tamada said...

@Youtube updated api to HTTPs.

Eg:
http://www.youtube.com/watch?v=WtkqBgvrc-c
to
https://www.youtube.com/watch?v=WtkqBgvrc-c

Soon Oembed plugin will update.

Anonymous said...

Thanks so much Srinivas. Can't wait till the update. This script is worth so much more btw, you should consider raising the price.

Anonymous said...

Hi There
Can you tell me if users can see other walls and how - also how do users create a profile to post to the wall? Dede

james said...

Have you made any updates?

Srinivas Tamada said...

For multi users follow this

http://www.9lessons.info/2010/04/database-design-create-tables-and.html

Anonymous said...

after the payment but how do I download files?

Srinivas Tamada said...

After payment success. You will get a mail from srinivas@9lessons.info with contains wall.zip files. It's completely manual process.

Srinivas Tamada said...

Expanding URL completely depends on jquery.Oembed.js plugin

Few days back Youtube updated API to HTTPs.

Eg:
http://www.youtube.com/watch?v=WtkqBgvrc-c
to
https://www.youtube.com/watch?v=WtkqBgvrc-c

Gunawan said...

I have paid via paypal and I am waiting for a zip file

Anonymous said...

Hi, just brought it. it is an amazing script.
But what do I need to do to make it update comments automatically.
Thanks in advance.

Anonymous said...

how do I make it load comments from the database without having to refresh the page.

skill-guru said...

Some more info on what this scrip can do will be more helpful.
Do we have a choice as to what comments or posts should be going to facebook and ?

Cog said...

just a question why is it in most table the user is $user_id and in wall 4.0 its $uid?

Anonymous said...

Could you please help, I purchase the script. When entering into friend's wall, how can we pass the $owner variable? In your other post, $wall_user_id' is never configured. Please help.

joe_wallace said...

excelent job!!

Paul Mayorga said...

excelente

Anonymous said...

heey create a facebook chat api :D

Srinivas Tamada said...

Enable PHP GD extension.

Anonymous said...

Hi Srinivas!

Could you please consider this?

* A simple (and secure) login form
* A simple register form
* Possibility to see all users comments
* Autoupdate for new posts.
* Link for logging out

Dede said...

Thanks so much for the great script. Others can view my working one here---> http://novelines.com/

Quick question - how can I add a share this icon next to each post e.g. Twitter or Add this etc. T

loeken said...

For those that use ispconfig ( I use ispconfig version 3 )
a little hint: My icons ( the camera buttons and the trashbin button ) did not show up properly I found out that ispconfig handles /icons differently. after renaming the icons folder to images, I changed all occurrences of "icons" to "images" in the index.php and the css/wall.css

Now all is displaying properly

Anonymous said...

Hi I bought the script and check the next line.

I put this just
$uploads = substr($uploads,0,-1);

before of
$s = explode(",", $uploads);

in load_messages.php line 48 but maybe it's near of 48 becouse i'm introducing fancybox lightbox system to the script.

I let you know my changes...

Anonymous said...

Hi i want to see all users comments can you help me ?

Tomski said...

How do you pass the GET variable to message_ajax.php so if I wanna look at a users wall example.com/wall.php?uid=2 this does not work as message_ajax.php will not see the GET variable I'm kinda stuck LOL

in message_ajax.php
$uid=$_GET[uid'];
but nothing......

Help!
xxx

Bulebush said...

Greetings Srinivas. Paid by Paypal about a month ago and still haven't gotten the link or any files. No response to emails either. What do I need to do to get the script???

Srinivas Tamada said...

@Bulebush

I sent to michael.bulebush@gmail.com please check and let me know.

Anonymous said...

Hey srinivas,
I search for a DIV + PHP that display images uploaded, i want to modifie it how i want, where i can find it please ?

Thank you another one.

Anonymous said...

somebody put the script into a site with many members? not a blog and goes well?
Written comments remain, pictures loaded,...after save remain? for each member?

Srinivas you try your nice script in a site , on profile user page and worked? Pls tell me.I want put this script in my site where i have 1000 users in profile page. It will work ?

Anonymous said...

There are many bugs, especially with taking a picture. When taking a picture it sometimes is not able to create the picture and instead it uses a previous uploaded picture when u take a snapshot.

Sinan Eker said...

It's really cool and I think people from all over the world love your wallscript.

I have a problem with a own jquery code! If you want to help me go to myfacebook account.

http://www.facebook.com/sinan.ek

Tomski said...

@Srinivas

How do you pass the GET variable to message_ajax.php so if I wanna look at a users wall example.com/wall.php?uid=2 this does not work as message_ajax.php will not see the GET variable I'm kinda stuck LOL

in message_ajax.php
$uid=$_GET[uid'];
but nothing......

Anonymous said...

To whoever said, "how do I make it load comments from the database without having to refresh the page."

Learn this first: (you will need jquery/below is javascript)


function loadLog(){

$.ajax({
url: "log.html",
cache: false,
success: function(html){
$("#myDivIdWhereDataShouldGo").html(html); //Insert contents of "log.html" into the div

},
});
}
setInterval (loadLog, 2500); //Reload file every 2.5 seconds

// imagine now the log.html is data from a database. You can in theory replace the html content of log.html for a string variable. log.html is read as a long string anyway.



good luck, e

Anonymous said...

Here's a fix I found to embedding/expanding YouTube URLs. Looks like it works with jquery.oembed.min.js and jquery/1.3.2/jquery.min.js. Check my working example here: http://errolabaid.com/oembed

Adapting this to Srinivas' code shouldn't be to hard.

Thanks again Srinivas for the code!

e

websites italy said...

Hey, Gorgeous!!!!...

I'll buy this soon...

Anonymous said...

Great script Srinivas, but can you please help me getting youtube videos to load with oembed?

Adrian Barylski said...

Hey Srinivas, I have purchased your script around 3 days ago and I still did not recieve the email you said I would recieve 24 hours after the purchase. What happened?

Srinivas Tamada said...

@Adrian Barylski

Cloud you please send me your transaction details to srinivas@9lessons.info

Anastasia said...

Hello Srinivas,

I purchased the script and added to my site. Great work! But I have one minor problem. When I press the webcam the following message appears: "Error: Flash movie not yet registered!" any ideas what to do?

Cheers!
Anastasia

Srinivas Tamada said...

@Anastasia

Update your browser flash player.

saikat said...

owsome bro........ great job...

Post a Comment

Subscribe now!Recent Posts

Categories

Subscribe now!Popular Posts

People Says

@9lessons thank you for the great tutorials, we truly appreciate your contributions to the design community.

Smashing Magazine

Like Me

follow me
products

9lessons labs

9lessons clouds

Android application

Chrome Extension