Getting Facebook Cover Page Image using jQuery

Getting Facebook Cover-Page using jQuery

Today I am going to tell how to get facebook cover page image using jQuery code. By using FB username, You will get user’s cover page image easily with jQuery Ajax jQuery.getJSON() This method will Load JSON-encoded data from the server using a GET HTTP request. jQuery Code to fetch Facebook … Read more

Facebook Wall Script 3.0 – Timeline, Oauth, Location Sharing, Smileys, Like Button, Image Upload, Video Sharing & many more

Facebook Timeline Wall Script

Today I am releasing new Facebook Wall Script 3 with more powerful features like Facebook Oauth Login, Profile Picture, Cover Page, & User can able to share their locations etc. Updated Post – Facebook Wall Script 4.0 with PHP Codeigniter MVC Framework – http://w3lessons.info/2013/09/24/facebook-wall-script-4-0-with-php-codeigniter-mvc-framework/ Facebook Wall Script 3 Video Demo Facebook … Read more

Facebook Timeline Wall Script 2.0 with PHP, Mysql, jQuery

Facebook Timeline Wallscript

Hi Guys, Today I am going to share my facebook timeline wall script version 2.0 with more interesting features. I have added live commenting system with smileys option. I had received lots of request from my visitors to update the existing facebook wallscript version 1. So today I am very … Read more

Facebook Like Tooltip using Jquery & CSS

facebook tooltip with Jquery

Facebook like jQuery tooltip plugin with a flexible design that’s easy to customize. Implementation is straightforward and is easy to customize, has smooth fade-ins and fade-outs, and even gives you a number of different ways you can use those tooltips (including complex content). Download  View Demo Unique Features Checks for … Read more

Facebook Mobile Menu using Jquery

facebook mobile menu

jPanelMenu is a jQuery plugin that creates an animated paneled-style menu (like the type seen in the mobile versions of Facebook and Google). Animation is handled by CSS transitions for browsers that support it and are hardware-accelerated on supporting devices, so the animations are silky smooth. For browsers that do not … Read more

Facebook Timeline Wall Script with PHP, Jquery, Mysql

Facebook Timeline Wallscript

Facebook Style Wall Script is very popular among web developers. So I would like to tell how to create Clean Facebook Timeline Wall Script with php, mysql, jquery, ajax, & css. This is version 1 with lots of features and its FREE!

Facebook Timeline Wall Script Version 2.0 – Updated Click here
  • Share Updates
  • Add / upload pictures
  • Share Youtube Videos
  • Automatically Highlight Posts
  • Delete Updates
  • Infinite Scroll
facebook timeline wall script
facebook timeline wall script

Database Design for Facebook Timeline Wall Script

post_table

Security wise I have added more features like

  • Fix urls with protocol (http://, https://)
  • Remove PHP, Javascript Tags, Clean Texts
  • Clickable Text Links –  convert text to url hyperlink

facebook timline wall script

Facebook Timeline Wall Script – Version 1.0 contains 4 folders

  • assets
    • Stylesheets
    • Javascripts
    • Images
  • Includes
    • config.php
    • security.php
    • SimpleImage.php – used to upload images
  • Uploads – all pictures are uploaded to this folder

All you have to do is simply download and upload the sql file. finally some minor changes to be done in config.php

Config.php

define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'root');
define('DB_PASSWORD', '');
define('DB_DATABASE', 'fb_wall'); //your database name
define('ImageUploadPath', 'uploads/'); // image upload path
$post_limit = 10;
$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'");
$base_url='http://localhost/facebook-timeline-demo-1/'; //base url
$base_folder = "facebook-timeline-demo-1/"; //leave empty if you using root folder

Security.php

//remove php tags from input
function clean($text)
{
$return_text = strip_tags($text);
return $return_text;
}

//remove special character from text
function special_chars($str)
{
$str = htmlentities($str, ENT_COMPAT, 'iso-8859-1');
$str = preg_replace('/&(.)(acute|cedil|circ|lig|grave|ring|tilde|uml);/', "$1", $str);
return $str;
}

//fixing the urls
function fix_url($url)
{
if (substr($url, 0, 7) == 'http://') { return $url; }
if (substr($url, 0, 8) == 'https://') { return $url; }
return 'http://'. $url;
}

function _make_url_clickable_cb($matches) {
$ret = '';
$url = $matches[2];

if ( empty($url) )
return $matches[0];
// removed trailing [.,;:] from URL
if ( in_array(substr($url, -1), array('.', ',', ';', ':')) === true ) {
$ret = substr($url, -1);
$url = substr($url, 0, strlen($url)-1);
}
return $matches[1] . "<a href=\"$url\" rel=\"nofollow\" target=\"_blank\">$url</a>" . $ret;
}

function _make_web_ftp_clickable_cb($matches) {
$ret = '';
$dest = $matches[2];
$dest = 'http://' . $dest;

if ( empty($dest) )
return $matches[0];
// removed trailing [,;:] from URL
if ( in_array(substr($dest, -1), array('.', ',', ';', ':')) === true ) {
$ret = substr($dest, -1);
$dest = substr($dest, 0, strlen($dest)-1);
}
return $matches[1] . "<a href=\"$dest\" rel=\"nofollow\" target=\"_blank\">$dest</a>" . $ret;
}

function _make_email_clickable_cb($matches) {
$email = $matches[2] . '@' . $matches[3];
return $matches[1] . "<a href=\"mailto:$email\">$email</a>";
}

function make_clickable($ret) {
$ret = ' ' . $ret;
// in testing, using arrays here was found to be faster
$ret = preg_replace_callback('#([\s>])([\w]+?://[\w\\x80-\\xff\#$%&~/.\-;:=,?@\[\]+]*)#is', '_make_url_clickable_cb', $ret);
$ret = preg_replace_callback('#([\s>])((www|ftp)\.[\w\\x80-\\xff\#$%&~/.\-;:=,?@\[\]+]*)#is', '_make_web_ftp_clickable_cb', $ret);
$ret = preg_replace_callback('#([\s>])([.0-9a-z_+-]+)@(([0-9a-z-]+\.)+[0-9a-z]{2,})#i', '_make_email_clickable_cb', $ret);

// this one is not in an array because we need it to run last, for cleanup of accidental links within links
$ret = preg_replace("#(<a( [^>]+?>|>))<a [^>]+?>([^>]+?)</a></a>#i", "$1$3</a>", $ret);
$ret = trim($ret);
return $ret;
}

//function used to fetch youtube video id
function get_youtubeid($url)
{
$parse = parse_url($url);
if(!empty($parse['query'])) {
preg_match("/v=([^&]+)/i", $url, $matches);
return $matches[1];
} else {
//to get basename
$info = pathinfo($url);
return $info['basename'];
}
}

thats it. You are done.

Please don’t forget to share and subscribe to latest updates of the blog. Also any comments and feedback are all welcome!

Thanks!

Verison 2
Facebook Timeline Wall Script Version 2.0 – Updated Click here

CSS3 Facebook Style Buttons

Creating Facebook style Buttons using simple CSS & CSS3 Buttons To create the default “button” add a class of uibutton to any appropriate element. To create the blue variant include an additional class confirm. To create the green variant include an additional classspecial. Grouped buttons To created grouped buttons wrap them in an … Read more

Sliding Facebook FanPage, Like Box using Jquery & CSS

Sliding Facebook Fanpage/likebox panel

Hi guys, Today I am going to share some useful tips to increase your facebook followers in your website by adding this simple jquery and css code. This code is used to show Sliding Facebook Like Box using jQuery & CSS Let us called Facebook FanPage Slider – both right … Read more