Install

Install

jQuery and jQuery UI

jQuery 1.6.1 or higher is required. If you use custom jQuery UI build than make sure selectable, draggable, droppable, resizable, dialog, slider and button are included.

<link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" ></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

gpFinder

Include gpFinder CSS and JS files.

<link rel="stylesheet" type="text/css" media="screen" href="css/finder.min.css">
<script type="text/javascript" src="js/finder.js"></script>

<!-- Mac OS X Finder style for jQuery UI smoothness theme (OPTIONAL) -->
<link rel="stylesheet" type="text/css" media="screen" href="css/theme.css">

Translation

Include optional translation if needed. List of available translations.

<script type="text/javascript" src="js/i18n/ru.js"></script>

Initialize file manager

Create Finder on you page.

<script type="text/javascript" charset="utf-8">
	$().ready(function() {
		var elf = $('#finder').finder({
			// lang: 'ru',             // language (OPTIONAL)
			url : 'php/connector.php'  // connector URL (REQUIRED)
		});
	});
</script>

<!-- Element where Finder will be created (REQUIRED) -->
<div id="finder"></div>

More client configuration options available.

See the full html example.