Template:CKFinder 2.x V1 Integration Javascript - Revision history

Wiktor: corrected path to _samples/standalone_v1.html

2011-11-21T08:45:45Z

corrected path to _samples/standalone_v1.html

Wiktor at 08:13, 18 May 2010

2010-05-18T08:13:43Z

Wiktor at 13:36, 17 May 2010

2010-05-17T13:36:03Z

Wiktor at 13:35, 17 May 2010

2010-05-17T13:35:36Z

Wiktor at 13:31, 17 May 2010

2010-05-17T13:31:44Z

Wiktor: Created page with '==== JavaScript integration ==== Integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used …'

2010-05-17T09:35:15Z

Created page with '==== JavaScript integration ==== Integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used …'

New page

==== JavaScript integration ====

Integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used to open CKFinder in a popup window. Please refer to the popup.html and popups.html samples in the "_samples/js/" directory for a working example.

The JavaScript integration method provides also two static methods to launch CKFinder, which can accept either four arguments or the settings object as the only argument.
* '''CKFinder.Create'''( basePath, width, height, selectFunction ) - Simple static method supporting only basic four arguments. All arguments except basePath are optional.
* '''CKFinder.Create'''( settingsObject ) - Pass an object with selected properties as the only argument.
* '''CKFinder.Popup'''( basePath, width, height, selectFunction ) - Simple static method supporting only basic four arguments. All arguments except basePath are optional.
* '''CKFinder.Popup'''( settingsObject ) - Pass an object with selected properties as the only argument.

The example of creating CKFinder using a static javascript method:
<source>
<script type="text/javascript">
CKFinder.Create( '/ckfinder/', 700 ) ;
</script>
</source>

More flexible method of launching CKFinder, the object with selected settings is passed as the only argument:
<source>
<script type="text/javascript">
CKFinder.Create( { BasePath : '/ckfinder/', RememberLastFolder : false } ) ;
</script>
</source>

@@ Line 26: / Line 26: @@
 </source>
-(put this code anywhere inside of the <code><body></code> tag). For a working example please check the standalone v1 sample distributed with CKFinder (_samples/js/standalone_v1.html).
+(put this code anywhere inside of the <code><body></code> tag). For a working example please check the standalone v1 sample distributed with CKFinder (_samples/standalone_v1.html).
 The JavaScript integration method provides also two static methods to launch CKFinder, which can accept either four arguments or the settings object as the only argument.

← Older revision		Revision as of 08:13, 18 May 2010
Line 1:		Line 1:
		+	<div class="usermessage" style="border:1px solid #000;padding:6px;margin-bottom:10px">The following integration method is recommended only for users upgrading from CKFinder 1.x that don't want to change their code.<br>If you're installing CKFinder for the first time, please check the [[CKFinder_2.x/Developers_Guide/{{{language}}}/Integration/JavaScript\|JavaScript Integration]] instead.</div>
	== JavaScript integration ==		== JavaScript integration ==

← Older revision		Revision as of 13:36, 17 May 2010
Line 1:		Line 1:
−	==== JavaScript integration ====	+	== JavaScript integration ==

	The integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used to open CKFinder in a popup window.		The integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used to open CKFinder in a popup window.

@@ Line 1: / Line 1: @@
 ==== JavaScript integration ====
-Integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used to open CKFinder in a popup window.
+The integration using javascript code is a bit more powerful. The javascript integration file provides also a '''Popup''' method, which can be used to open CKFinder in a popup window.
 === Step 1: Loading CKFinder  ===
@@ Line 15: / Line 15: @@
 Next thing to do, to have the CKFinder up & running, is creating an application instance.
 The example of creating CKFinder using a static javascript method:
@@ Line 29: / Line 46: @@
 </script>
 </source>