source: trunk/examples/full_example-menu.html @ 318

Last change on this file since 318 was 318, checked in by mokhet, 14 years ago

add options to let the user choose between panel or popup for CharacterMap? and between panel or toolbar for ListType? plugin
  • Property svn:eol-style set to native
  • Property svn:keywords set to LastChangedDate LastChangedRevision LastChangedBy HeadURL Id
File size: 6.3 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4<!--
5:noTabs=true:tabSize=2:indentSize=2:
6Xinha example menu.  This file is used by full_example.html within a
7frame to provide a menu for generating example editors using
8full_example-body.html, and full_example.js.
9-->
10<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
11<title>Example of Xinha</title>
12<link rel="stylesheet" href="full_example.css" type="text/css">
13<style type="text/css">
14form, p {margin:0; padding:0;}
15label {display:block;}
16#numeditor {width:25px;}
17.options {display:none;}
18</style>
19<script type="text/javascript">
20function checkPluginsOptions()
21{
22  var plugins = document.forms[0].elements['plugins'];
23  for(var x = 0; x < plugins.length; x++)
24    if (document.getElementById(plugins[x].value + 'Options'))
25      document.getElementById(plugins[x].value + 'Options').style.display = (plugins[x].checked)? 'block':'none';
26}
27function toggleOnChange(elt) {
28  document.getElementById(elt.value + 'Options').style.display = (elt.checked)? 'block':'none';
29}
30</script>
31</head>
32
33<body onload="checkPluginsOptions();">
34  <form action="full_example-body.html" target="body">
35    <p>
36      Select from the options below and <input type="submit" value="click to show Example">
37    </p>
38    <fieldset>
39      <legend>Settings</legend>
40        <label>
41          Number of Editors: <input type="text" name="num" value="1" id="numeditor" maxlength="2">
42        </label>
43        <label>
44          Language:
45          <select name="lang">
46          <option value="en">English</option>
47          <option value="de">German</option>
48          <option value="fr">French</option>
49          <option value="it">Italian</option>
50          </select>
51        </label>
52        <label>
53          Skin:
54          <select name="skin">
55          <option value="blue-look">blue-look</option>
56          <option value="green-look">green-look</option>
57          <option value="xp-blue">xp-blue</option>
58          <option value="xp-green">xp-green</option>
59          <option value="inditreuse">inditreuse</option>
60          <option value="blue-metallic">blue-metallic</option>
61          </select>
62        </label>
63    </fieldset>
64
65    <fieldset>
66      <legend>Plugins</legend>
67      <label>
68        <input type="checkbox" name="plugins" value="Abbreviation"> Abbreviation
69      </label>
70      <label>
71        <input type="checkbox" name="plugins" value="CharacterMap" checked="checked" onchange="toggleOnChange(this);"> CharacterMap
72      </label>
73      <div id="CharacterMapOptions" class="options">
74        mode : <select name="CharacterMapMode">
75          <option value="popup">popup</option>
76          <option value="panel">panel</option>
77        </select>
78      </div>
79      <label>
80        <input type="checkbox" name="plugins" value="CharCounter"> CharCounter
81      </label>
82      <label>
83        <input type="checkbox" name="plugins" value="ContextMenu" checked="checked"> ContextMenu
84      </label>
85      <label>
86        <input type="checkbox" name="plugins" value="CSS" > CSS
87      </label>
88      <label>
89        <input type="checkbox" name="plugins" value="DoubleClick"> DoubleClick
90      </label>
91      <label>
92        <input type="checkbox" name="plugins" value="DynamicCSS" > DynamicCSS
93      </label>
94      <label>
95        <input type="checkbox" name="plugins" value="EditTag"> EditTag
96      </label>
97      <label>
98        <input type="checkbox" name="plugins" value="Equation"> Equation
99      </label>
100      <label>
101        <input type="checkbox" name="plugins" value="FindReplace" checked="checked"> FindReplace
102      </label>
103      <label>
104        <input type="checkbox" name="plugins" value="FormOperations"> FormOperations
105      </label>
106      <label>
107        <input type="checkbox" name="plugins" value="Forms"> Forms
108      </label>
109      <label>
110        <input type="checkbox" name="plugins" value="FullPage" > FullPage
111      </label>
112      <label>
113        <input type="checkbox" name="plugins" value="FullScreen" checked="checked"> FullScreen
114      </label>
115      <label>
116        <input type="checkbox" name="plugins" value="InsertAnchor" checked="checked"> InsertAnchor
117      </label>
118      <label>
119        <input type="checkbox" name="plugins" value="InsertMarquee"> InsertMarquee
120      </label>
121      <label>
122        <input type="checkbox" name="plugins" value="InsertSmiley"> InsertSmiley
123      </label>
124      <label>
125        <input type="checkbox" name="plugins" value="InsertWords"> InsertWords
126      </label>
127      <label>
128        <input type="checkbox" name="plugins" value="LangMarks"> LangMarks
129      </label>
130      <label>
131        <input type="checkbox" name="plugins" value="ListType" checked="checked" onchange="toggleOnChange(this);"> ListType
132      </label>
133      <div id="ListTypeOptions" class="options">
134        mode : <select name="ListTypeMode">
135          <option value="toolbar">toolbar</option>
136          <option value="panel">panel</option>
137        </select>
138      </div>
139      <label>
140        <input type="checkbox" name="plugins" value="NoteServer"> NoteServer
141      </label>
142      <label>
143        <input type="checkbox" name="plugins" value="QuickTag"> QuickTag
144      </label>
145      <label>
146        <input type="checkbox" name="plugins" value="Stylist" checked="checked"> Stylist
147      </label>
148      <label>
149        <input type="checkbox" name="plugins" value="TableOperations" checked="checked"> TableOperations
150      </label>
151      <label>
152        <input type="checkbox" name="plugins" value="Template"> Template
153      </label>
154    </fieldset>
155
156    <fieldset>
157      <legend>PHP Plugins</legend>
158      <p>
159        <small>These plugins require PHP in order to run.</small>
160      </p>
161      <label>
162        <input type="checkbox" name="plugins" value="HtmlTidy"> HtmlTidy
163      </label>
164      <label>
165        <input type="checkbox" name="plugins" value="ImageManager"> ImageManager
166      </label>
167      <label>
168        <input type="checkbox" name="plugins" value="Linker"> Linker
169      </label>
170      <label>
171        <input type="checkbox" name="plugins" value="SpellChecker"> SpellChecker
172      </label>
173      <label>
174        <input type="checkbox" name="plugins" value="SuperClean"> SuperClean
175      </label>
176    </fieldset>
177
178  </form>
179  <script type="text/javascript">
180    top.frames["body"].location.href = document.location.href.replace(/full_example-menu\.html.*/, 'full_example-body.html')
181  </script>
182
183</body>
184</html>
Note: See TracBrowser for help on using the repository browser.