URL Data PHP & Jquery Plugin v1.1

• Parse • Save • View • Play • Show •

Post URL You can save URL data by POST or AJAX

and then Play / Show / Visit

Preview URL You can see preview a URL

Flickr

Alignment: Bottom Left (bl), Image link, You can show image in larger size.

Youtube

Alignment: Bottom Right (br), Video link, You can play video.

Yahoo

Alignment: Top Right (tr), Sample link, It is not able to any action.

Some link

Alignment: Top Left (tl), Flash Widget link, You can show flash embed.

Result Please click to Play/Show if you seen a icon on the thumbnail.

Jessie J - Domino (Madilyn Bailey Cover ft. Jake Coco)

► This song on iTunes: http://smarturl.it/MB_Volume1 Domino - originally performed by Jessie J Hey Youtubers! IM a huge fan of Jessie J and I absolutely LOVE...

www.youtube.com
Weather Widget

Улаанбаатар (-4º), Дархан (-13º), Эрдэнэт (-13º), Налайх (-5º), Алтай (-7º), Арвайхээр (-1º), Багануур (-16º), Баруун-Урт (-3º), Баянхонгор (-4º), Булган (2º), Даланзадгад (-1º), Зуунмод (-4º), Мандалговь (0º), Мөрөн (-2º), Өлгий (-5º), Өндөрхаан (0º), Сайншанд (-3º), Сүхбаатар (-11º), Улаангом (-15º), Улиастай (-11º), Цонжин болдог (-5º), Ховд (1º), Цэцэрлэг (-3º), Чойбалсан (-2º), Чойр (0º), Батцэнгэл (-13º), Эрдэнэмандал (-10º), Могод (-8º), Баян-Овоо (-3º), Баяндэлгэр (-2º), Гурванзагал (-19º), Дашбалбар (-2º), Халх гол (-5º), Баяндун (-18º), Замын-Үүд (1º), Эрдэнэцогт (-15º), Жавхлант (-15º), Зүүнхараа (-14º), Мандал-Овоо (-7º), Бат-Өлзий (-17º), Нарийн Тээл (-15º), Хархорин (-10º), Хатгал (-4º), Melbourne (19º), Moscow (3º), Tokyo (15º), London (4º), New York (11º), Rome (5º), Shanghai (15º), Seoul (9º), Singapore (33º), Istanbul (7º), Dublin (-2º)

weather.bamdaa.com
Windy Fireworks

Sony A7 and E 10-18mm F/4 OSS Great combo! Richard Larssen Photography on Facebook : www.facebook.com/larssenphoto

www.flickr.com
3 Doors Down - Here Without You (Corey Gray acoustic cover) on iTunes

►Download this song here: http://smarturl.it/CG_Volume2 ►My Music on iTunes: http://smarturl.it/CG_iTunes ►Get free MP3s and more: http://smarturl.it/CG_Free...

www.youtube.com

Usage

URL Data parse From
	$(".url_parser_form_container").urlData();
URL preview
	$(".full_url_containing_anchor").urlData({
		previewLink: true
	});
Saved URL data view
	$(".saved-url-data").urlView();
Save URL data Form Submit

HTML Structure


	<from method="POST" action="Submit action URL">
		<!-- URL parser Form Container -->
		<div class="url-parser-form"></div>
		<!-- You can add another form controls here -->
		<input type="submit" value="Submit">
	</from>
	
	<script>
		$(function(){
			$(".url-parser-form").urlData({
				name: "my_urldata_textarea"
			});
		});
	</script>

PHP Sample

		
	<?php
	if(isset($_POST["my_urldata_textarea"]) && !empty($_POST["my_urldata_textarea"]))
	{
		Your insert into database code Here!...
	}
	
Save URL data using Ajax

HTML Structure

	
	<!-- URL parser Form Container -->
	<div class="url-parser-form"></div>
	<input type="button" id="saveURLData" value="Save Url Data">
	
	<script>
		$(function(){
			$(".url-parser-form").urlData({
				onComplete: function(data){

					$("#saveURLData").unbind("click").bind("click", function(){
						$.post(
							"ajax/php/file.php", 
							{urldata: data}, 
							function(){ 
								/* Do something */
							}
						);
					});

				}
			});
		});
	</script>

Ajax PHP Sample


	<?php
	if(isset($_POST["urldata"]) && !empty($_POST["urldata"]))
	{
		Your insert into database code Here!...
	}
	

Options

Global option for urlData()
	$.fn.urlData.path = "path_to/plugin_directory/";
		/* You can set plugin current location on your web directory */
urlData()
	parserURL: "lib/get_data.php",
		/* path URL processing file */
	safeImageURL: "lib/safe_image.php",
		/* path Image processing file */
	buttonText: "Parse",
		/* You can change Parse button caption */
	placeholder: "Enter a valid URL",
		/* You can change URL input placeholder */
	name: "urldata_meta_data",
		/* Hidden textarea name and id */
	width: "auto",
		/* You can set width */
	thumbSize: 150,
		/* You can set thumbnail dimensions */
	minThumbSize: 150,
		/* Images to escape if dimensions are smaller than minThumbSize */
	thumbCount: 5,
		/* Thumbnail selector images count. */
	executionTime: 30,
		/* PHP curl or file_get_content() execution time (seconds) */
	containerAnchorClass: null,
		/* You can add your own class into an anchor */
	previewLink: false,
		/* You can set to "true" if you want to preview URL on mouseover */
	previewURL: null,
		/* You can set to full URL if your selected element not containing href or not full URL */
	hoverTime: 500, 
		/* Preview panel loads after hoverTime. (milliseconds) */
	alignment: "bl",
		/* Preview panel alignment. Able to set "bl" - Bottom Left, "br" - Bottom Right, "tl" - Top Left, "tr" - Top Right*/
	onComplete: function( data ){ return true; }
		/* Callback function loaded when URL parse is completed and images are loaded */

IMPORTANT
Red options are able to use only for URL Preview mode.
urlView()
	width: "auto",
		/* You can set width */
	target: "_blank",
		/* You can set anchor target */
	btnLongShadow: false
		/* You can add long shadow to Thumbnail action icon */

MY OTHER WORKS

Thanks to Bootstrap for the great CSS Framework

Thanks to Font Awesome for the great icon library

Thanks to Google Fonts for the great font library