1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<!--
3 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
4 * Copyright (C) 2003-2007 Frederico Caldeira Knabben
5 *
6 * == BEGIN LICENSE ==
7 *
8 * Licensed under the terms of any of the following licenses at your
9 * choice:
10 *
11 *  - GNU General Public License Version 2 or later (the "GPL")
12 *    http://www.gnu.org/licenses/gpl.html
13 *
14 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
15 *    http://www.gnu.org/licenses/lgpl.html
16 *
17 *  - Mozilla Public License Version 1.1 or later (the "MPL")
18 *    http://www.mozilla.org/MPL/MPL-1.1.html
19 *
20 * == END LICENSE ==
21 *
22 * Sample page.
23-->
24<html xmlns="http://www.w3.org/1999/xhtml">
25<head>
26	<title>FCKeditor - Sample</title>
27	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
28	<meta name="robots" content="noindex, nofollow" />
29	<link href="../sample.css" rel="stylesheet" type="text/css" />
30	<script type="text/javascript" src="../../fckeditor.js"></script>
31	<script type="text/javascript">
32
33function FCKeditor_OnComplete( editorInstance )
34{
35	editorInstance.Events.AttachEvent( 'OnBlur'	, FCKeditor_OnBlur ) ;
36	editorInstance.Events.AttachEvent( 'OnFocus', FCKeditor_OnFocus ) ;
37}
38
39function FCKeditor_OnBlur( editorInstance )
40{
41	editorInstance.ToolbarSet.Collapse() ;
42}
43
44function FCKeditor_OnFocus( editorInstance )
45{
46	editorInstance.ToolbarSet.Expand() ;
47}
48
49	</script>
50</head>
51<body>
52	<h1>
53		FCKeditor - JavaScript - Sample 9</h1>
54	<div>
55		This sample shows FCKeditor in a more complex form with two different instances.<br />
56		It also shows and interesting usage of the "OnFocus" and "OnBlur" events available
57		in the JavaScript API.
58	</div>
59	<hr />
60	<form action="sampleposteddata.asp" method="post" target="_blank">
61		Normal text field:<br />
62		<input name="NormaText" value="Plain Text" />
63		<br />
64		<br />
65		FCKeditor with Basic toolbar:
66		<script type="text/javascript">
67<!--
68// Automatically calculates the editor base path based on the _samples directory.
69// This is usefull only for these samples. A real application should use something like this:
70// oFCKeditor.BasePath = '/fckeditor/' ;	// '/fckeditor/' is the default value.
71var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ;
72
73var oFCKeditor = new FCKeditor( 'FCKeditor_Basic' ) ;
74
75oFCKeditor.Config['ToolbarStartExpanded'] = false ;
76
77oFCKeditor.BasePath		= sBasePath ;
78oFCKeditor.ToolbarSet	= 'Basic' ;
79oFCKeditor.Value		= '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
80oFCKeditor.Create() ;
81//-->
82		</script>
83		<br />
84		FCKeditor with Default toolbar:
85		<script type="text/javascript">
86<!--
87oFCKeditor = new FCKeditor( 'FCKeditor_Default' ) ;
88
89oFCKeditor.Config['ToolbarStartExpanded'] = false ;
90
91oFCKeditor.BasePath	= sBasePath ;
92oFCKeditor.Value	= '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
93oFCKeditor.Create() ;
94//-->
95		</script>
96		<br />
97		<input type="submit" value="Submit" />
98	</form>
99</body>
100</html>
101