Facebook Like URL data Extract Using jQuery PHP and Ajax

Author: Zeeshan Rasool  |  Jul 25, 2010 Facebook, PHP, Web Design

You have seen in Facebook, that how we give a url and it extract data such as images, title and description. Here now you can get this amazing script at 99Points. You have seen amazing and popular facebook style tutorials which can help you to get some amazing effects on your websites. I have created this awesome tutorial which is 99% same as facebook style. Check the demo and download the source code.

[ad#ad-3]

[ad#co-2]

JQuery Code

// 0)
	{
		firstimage = parseInt(firstimage)-parseInt(1);
		$('#cur_image').val(firstimage);
		$('img#'+firstimage).show();
	}
	
});	
// watermark input fields
jQuery(function($){
   
   $("#url").Watermark("http://");
});
jQuery(function($){

	$("#url").Watermark("watermark","#369");
	
});	
function UseData(){
   $.Watermark.HideAll();
   $.Watermark.ShowAll();
}
});	
function isValidURL(url){
var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

if(RegExp.test(url)){
	return true;
}else{
	return false;
}
}
// ]]>

[ad#co-4]

index.php

	

	
		
Link
		

			

		
		
		


		
		
		
		

		
		

			
			

			
		
		

	

If you Like this Tutorial and Want to get New Tutorials news by Email, Then Subscribe Here.

fetch.php

I have get images and title using fopen method of php but for description I used get_meta_tags() function which returns meta tags of url. After getting all images I just put a loop and get all images which size is greater than 100px so that small images should not be included. I have created this tutorial separate from our facebook style wall posting and comment application and facebook profile edit. However if you want to add this functionality in that script just download all files and add your code.

(.+)<\/title>/i";
preg_match_all($title_regex, $string, $title, PREG_PATTERN_ORDER);
$url_title = $title[1];

/// fecth decription
$tags = get_meta_tags($url);

// fetch images
$image_regex = '/]*'.'src=[\"|\'](.*)[\"|\']/Ui';
preg_match_all($image_regex, $string, $img, PREG_PATTERN_ORDER);
$images_array = $img[1];
?>

= 50 && $height >= 50 ){
			
			echo "";
			
			$k++;
			
			}
		}
	}
}
?>




	
	
		
	
	

	
		
	
	


	
		
	
	


	
	
	
	
		Total  images
	
	

	

Download all files and use this awesome tutorial.
[ad#ad-3]