REDROOM

Edit File Size: 3.75 KB

/home/jambtst2015/public_html/ckfinder/_samples/popups.html

Text Base64

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

* CKFinder

* ========

* http://ckfinder.com

* The software, this file and its contents are subject to the CKFinder

* License. Please read the license.txt file before using, installing, copying,

* modifying or distribute this file or part of its contents. The contents of

* this file is part of the Source Code of CKFinder.

-->

<head>

<title>CKFinder - Sample - Popups</title>

img {

padding:10px;

margin:5px;

border:1px solid #d5d5d5;

}

div.thumb {

float:left;

}

div.caption {

padding-left:5px;

font-size:10px;

}

</style>

function BrowseServer( startupPath, functionData )

{

// You can use the "CKFinder" class to render CKFinder in a page:

var finder = new CKFinder();

// The path for the installation of CKFinder (default = "/ckfinder/").

finder.basePath = '../';

//Startup path in a form: "Type:/path/to/directory/"

finder.startupPath = startupPath;

// Name of a function which is called when a file is selected in CKFinder.

finder.selectActionFunction = SetFileField;

// Additional data to be passed to the selectActionFunction in a second argument.

// We'll use this feature to pass the Id of a field that will be updated.

finder.selectActionData = functionData;

// Name of a function which is called when a thumbnail is selected in CKFinder.

finder.selectThumbnailActionFunction = ShowThumbnails;

// Launch CKFinder

finder.popup();

}

// This is a sample function which is called when a file is selected in CKFinder.

function SetFileField( fileUrl, data )

{

document.getElementById( data["selectActionData"] ).value = fileUrl;

}

// This is a sample function which is called when a thumbnail is selected in CKFinder.

function ShowThumbnails( fileUrl, data )

{

// this = CKFinderAPI

var sFileName = this.getSelectedFile().name;

document.getElementById( 'thumbnails' ).innerHTML +=

'<div class="thumb">' +

'<img src="' + fileUrl + '" />' +

'<div class="caption">' +

'<a href="' + data["fileUrl"] + '" target="_blank">' + sFileName + '</a> (' + data["fileSize"] + 'KB)' +

'</div>' +

'</div>';

document.getElementById( 'preview' ).style.display = "";

// It is not required to return any value.

// When false is returned, CKFinder will not close automatically.

return false;

}

</script>

</head>

<body>

<h1>

CKFinder - Sample - Popups<br />

</h1>

<hr />

<p>

CKFinder may be opened in a popup. You may define a custom JavaScript function to be called when

an image is selected (double-clicked).</p>

<p>

<strong>Selected File URL</strong><br/>

</p>

<p>

<strong>Selected Image URL</strong><br/>

</p>

<strong>Selected Thumbnails</strong><br/>

</div>

</body>

</html>

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
php DIR	-	drwxr-xr-x	2025-10-09 06:22:33	Edit Download recursive recursive
ckeditor.html	2.55 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
fckeditor.html	2.59 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
index.html	2.28 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
popup.html	2.22 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
popups.html	3.75 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
public_api.html	3.97 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
sample.css	1.32 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
standalone.html	2.78 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive
standalone_v1.html	2.87 KB	lrw-r--r--	2024-11-22 17:53:11	Edit Download recursive recursive

Directory Contents