Context Navigation

source: ether_statistics/web/resources/js/Wijmo.2.2.2/Wijmo-Complete/development-bundle/samples/editor/customize.html @ 604

Last change on this file since 604 was 604, checked in by vmipsl, 12 years ago
images
File size: 31.9 KB

Line
1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2	<html xmlns="http://www.w3.org/1999/xhtml">
3	<head runat="server">
4	<title>C1Editor</title>
5	<meta charset="utf-8" />
6	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7	<meta name="description" content="%description%" />
8	<meta name="keywords" content="" />
9	<meta name="author" content="ComponentOne" />
10	<link href="../../themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" />
11	<script src="../../external/jquery-1.8.0.min.js" type="text/javascript"></script>
12	<script src="../../external/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
13	<script src="../../external/jquery.mousewheel.min.js" type="text/javascript"></script>
14	<script src="../../external/jquery.wijmo-open.all.2.2.2.min.js" type="text/javascript"></script>
15	<link href="../../themes/wijmo/jquery.wijmo-open.2.2.2.css" rel="stylesheet" type="text/css" />
16	<link href="../../themes/wijmo/jquery.wijmo.wijribbon.css" rel="stylesheet" type="text/css" />
17	<link href="../../themes/wijmo/jquery.wijmo.wijeditor.css" rel="stylesheet" type="text/css" />
18	<script src="../../wijmo/jquery.wijmo.wijribbon.js" type="text/javascript"></script>
19	<script src="../../wijmo/jquery.wijmo.wijeditor.js" type="text/javascript"></script>
20	<script type="text/javascript">
21	$(document).ready(function () {
22	$("#wijeditor").wijeditor({ commandButtonClick: function (e, cmd) {
23	alert(cmd.commandName);
24	}
25	});
26	});
27	</script>
28	</head>
29	<body class="demo-single">
30	<div class="container">
31	<div class="header">
32	<h2>
33	Customize</h2>
34	</div>
35	<div class="main demo">
36	<!-- Begin demo markup -->
37	<div id="wijeditor" style="width: 756px; height: 475px;">
38	<div id="ribbon">
39	<ul>
40	<li><a href="#C1Editor1Format">Format</a></li><li><a href="#C1Editor1insert">Customize Tab</a></li></ul>
41	<div id="C1Editor1Format">
42	<ul>
43	<li>
44	<button title="Save" class="wijmo-wijribbon-bigbutton" name="save">
45	<div class="wijmo-wijribbon-save">
46	</div>
47	<span>Save</span></button><span class="wijmo-wijribbon-list">
48	<button title="Undo" class="wijmo-wijribbon-undo" name="undo">
49	</button>
50	<button title="Redo" class="wijmo-wijribbon-redo" name="redo">
51	</button>
52	</span><span class="wijmo-wijribbon-list">
53	<button title="Preview" class="wijmo-wijribbon-preview" name="preview">
54	</button>
55	<button title="Clean up" class="wijmo-wijribbon-cleanup" name="cleanup">
56	</button>
57	</span><span class="wijmo-wijribbon-list">
58	<button title="Cut" class="wijmo-wijribbon-cut" name="cut">
59	</button>
60	<button title="Copy" class="wijmo-wijribbon-copy" name="copy">
61	</button>
62	<button title="Paste" class="wijmo-wijribbon-paste" name="paste">
63	</button>
64	<button title="Select All" class="wijmo-wijribbon-selectall" name="selectall">
65	</button>
66	</span>
67	<div>
68	Actions</div>
69	</li>
70	<li>
71	<div title="Font Name" class="wijmo-wijribbon-dropdownbutton">
72	<button title="Font Name" name="fontname">
73	Font Name</button><ul>
74	<li>
75	<input type="radio" id="C1Editor1_ctl74" name="fontname"></input><label for="C1Editor1_ctl74"
76	name="fn1" title="Arial">Arial</label></li><li>
77	<input type="radio" id="C1Editor1_ctl76" name="fontname"></input><label for="C1Editor1_ctl76"
78	name="fn2" title="Courier New">Courier New</label></li><li>
79	<input type="radio" id="C1Editor1_ctl78" name="fontname"></input><label for="C1Editor1_ctl78"
80	name="fn3" title="Garamond">Garamond</label></li><li>
81	<input type="radio" id="C1Editor1_ctl80" name="fontname"></input><label for="C1Editor1_ctl80"
82	name="fn4" title="Tahoma">Tahoma</label></li><li>
83	<input type="radio" id="C1Editor1_ctl82" name="fontname"></input><label for="C1Editor1_ctl82"
84	name="fn5" title="Times New Roman">Times New Roman</label></li><li>
85	<input type="radio" id="C1Editor1_ctl84" name="fontname"></input><label for="C1Editor1_ctl84"
86	name="fn6" title="Verdana">Verdana</label></li><li>
87	<input type="radio" id="C1Editor1_ctl86" name="fontname"></input><label for="C1Editor1_ctl86"
88	name="fn7" title="Wingdings">Wingdings</label></li></ul>
89	</div>
90	<div title="Font Size" class="wijmo-wijribbon-dropdownbutton">
91	<button title="Font Size" name="fontsize">
92	Font Size</button><ul>
93	<li>
94	<input type="radio" id="C1Editor1_ctl104" name="fontsize"></input><label for="C1Editor1_ctl104"
95	name="xx-small" title="VerySmall">VerySmall</label></li><li>
96	<input type="radio" id="C1Editor1_ctl106" name="fontsize"></input><label for="C1Editor1_ctl106"
97	name="x-small" title="Smaller">Smaller</label></li><li>
98	<input type="radio" id="C1Editor1_ctl108" name="fontsize"></input><label for="C1Editor1_ctl108"
99	name="small" title="Small">Small</label></li><li>
100	<input type="radio" id="C1Editor1_ctl110" name="fontsize"></input><label for="C1Editor1_ctl110"
101	name="medium" title="Medium">Medium</label></li><li>
102	<input type="radio" id="C1Editor1_ctl112" name="fontsize"></input><label for="C1Editor1_ctl112"
103	name="large" title="Large">Large</label></li><li>
104	<input type="radio" id="C1Editor1_ctl114" name="fontsize"></input><label for="C1Editor1_ctl114"
105	name="x-large" title="Larger">Larger</label></li><li>
106	<input type="radio" id="C1Editor1_ctl116" name="fontsize"></input><label for="C1Editor1_ctl116"
107	name="xx-large" title="VeryLarge">VeryLarge</label></li><li>
108	<input type="radio" id="C1Editor1_ctl117" name="fontsize"></input><label for="C1Editor1_ctl117"
109	name="40pt" title="40pt">40pt</label></li></ul>
110	</div>
111	<span class="wijmo-wijribbon-list">
112	<button title="Background Color" class="wijmo-wijribbon-bgcolor" name="backcolor">
113	</button>
114	<button title="Font Color" class="wijmo-wijribbon-color" name="fontcolor">
115	</button>
116	</span><span class="wijmo-wijribbon-list">
117	<input type="checkbox" id="C1Editor1_ctl133"></input><label for="C1Editor1_ctl133"
118	name="bold" title="Bold" class="wijmo-wijribbon-bold"></label><input type="checkbox"
119	id="C1Editor1_ctl134"></input><label for="C1Editor1_ctl134" name="italic" title="Italic"
120	class="wijmo-wijribbon-italic"></label><input type="checkbox" id="C1Editor1_ctl135"></input><label
121	for="C1Editor1_ctl135" name="underline" title="Underline" class="wijmo-wijribbon-underline"></label><input
122	type="checkbox" id="C1Editor1_ctl136"></input><label for="C1Editor1_ctl136" name="strike"
123	title="Strikethrough" class="wijmo-wijribbon-strike"></label><input type="checkbox"
124	id="C1Editor1_ctl137"></input><label for="C1Editor1_ctl137" name="subscript" title="Subscript"
125	class="wijmo-wijribbon-sub"></label><input type="checkbox" id="C1Editor1_ctl138"></input><label
126	for="C1Editor1_ctl138" name="superscript" title="Superscript" class="wijmo-wijribbon-sup"></label></span><span
127	class="wijmo-wijribbon-list">
128	<button title="Template" class="wijmo-wijribbon-template" name="template">
129	</button>
130	</span><span class="wijmo-wijribbon-list">
131	<button title="RemoveFormat" class="wijmo-wijribbon-removeformat" name="removeformat">
132	</button>
133	</span>
134	<div>
135	Font</div>
136	</li>
137	<li><span class="wijmo-wijribbon-list">
138	<input type="radio" id="C1Editor1_ctl153" name="alignment"></input><label for="C1Editor1_ctl153"
139	name="justifyleft" title="Justify Left" class="wijmo-wijribbon-justifyleft"></label><input
140	type="radio" id="C1Editor1_ctl154" name="alignment"></input><label for="C1Editor1_ctl154"
141	name="justifycenter" title="Justify Center" class="wijmo-wijribbon-justifycenter"></label><input
142	type="radio" id="C1Editor1_ctl155" name="alignment"></input><label for="C1Editor1_ctl155"
143	name="justifyright" title="Justify Right" class="wijmo-wijribbon-justifyright"></label><input
144	type="radio" id="C1Editor1_ctl156" name="alignment"></input><label for="C1Editor1_ctl156"
145	name="justifyfull" title="Justify Full" class="wijmo-wijribbon-justifyfull"></label></span><span
146	class="wijmo-wijribbon-list"><input type="checkbox" id="C1Editor1_ctl165"></input><label
147	for="C1Editor1_ctl165" name="borders" title="Border" class="wijmo-wijribbon-borders"></label></span><span
148	class="wijmo-wijribbon-list"><input type="radio" id="C1Editor1_ctl168" name="list"></input><label
149	for="C1Editor1_ctl168" name="orderlist" title="Numbered List" class="wijmo-wijribbon-orderlist"></label><input
150	type="radio" id="C1Editor1_ctl169" name="list"></input><label for="C1Editor1_ctl169"
151	name="unorderlist" title="Bulleted List" class="wijmo-wijribbon-unorderlist"></label></span><span
152	class="wijmo-wijribbon-list"><input type="radio" id="C1Editor1_ctl174" name="block"></input><label
153	for="C1Editor1_ctl174" name="outdent" title="Outdent" class="wijmo-wijribbon-outdent"></label><input
154	type="radio" id="C1Editor1_ctl175" name="block"></input><label for="C1Editor1_ctl175"
155	name="indent" title="Indent" class="wijmo-wijribbon-indent"></label></span><div>
156	Paragraph</div>
157	</li>
158	<li>
159	<button title="Spelling" class="wijmo-wijribbon-bigbutton" name="spelling">
160	<div class="wijmo-wijribbon-spelling">
161	</div>
162	<span>Spelling</span></button>
163	<button title="Tag Inspect" name="inspect">
164	<span class="wijmo-wijribbon-inspect"></span><span>Inspect</span></button>
165	<button title="Find And Replace" name="find">
166	<span class="wijmo-wijribbon-find"></span><span>Find</span></button><div>
167	Review</div>
168	</li>
169	</ul>
170	</div>
171	<div id="C1Editor1insert">
172	<ul>
173	<li>
174	<div title="Table" class="wijmo-wijribbon-splitbutton">
175	<button title="customize button" name="customcommand">
176	Click Me
177	</button>
178	</div>
179	<div>
180	customize group</div>
181	</li>
182	</ul>
183	</div>
184	</div>
185	<textarea>
186	<h1>
187	JavaScript</h1>
188	<p>
189	<img src="http://cdn.wijmo.com/images/200px-JavaScript-logo.png" alt="JavaScript-logo.png" height="200" width="200" style="float: left; margin: 10px">
190	JavaScript is a prototype-based scripting language that is dynamic, weakly typed and has first-class functions. It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles. JavaScript was formalized in the ECMAScript language standard and is primarily used in the form of client-side JavaScript, implemented as part of a Web browser in order to provide enhanced user interfaces and dynamic websites. This enables programmatic access to computational objects within a host environment. JavaScript's use in applications outside Web pages - for example in PDF documents, site-specific browsers, and desktop widgets - is also significant. Newer and faster JavaScript VMs and frameworks built upon them (notably Node.js) have also increased the popularity of JavaScript for server-side web applications. JavaScript uses syntax influenced by that of C. JavaScript copies many names and naming conventions from Java, but the two languages are otherwise unrelated and have very different semantics. The key design principles within JavaScript are taken from the Self and Scheme programming languages.</p>
191	<h2>
192	History
193	</h2>
194	<p>
195	JavaScript was originally developed by Brendan Eich of Netscape under the name Mocha, which was later renamed to LiveScript, and finally to JavaScript. LiveScript was the official name for the language when it first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript in a joint announcement with Sun Microsystems on December 4, 1995, when it was deployed in the Netscape browser version 2.0B3.
196	</p>
197	<p>
198	The change of name from LiveScript to JavaScript roughly coincided with Netscape adding support for Java technology in its Netscape Navigator web browser. The final choice of name caused confusion, giving the impression that the language was a spin-off of the Java programming language, and the choice has been characterized by many as a marketing ploy by Netscape to give JavaScript the cachet of what was then the hot new web-programming language. It has also been claimed that the language's name is the result of a co-marketing deal between Netscape and Sun, in exchange for Netscape bundling Sun's Java runtime with its then-dominant browser.
199	</p>
200	<p>
201	JavaScript very quickly gained widespread success as a client-side scripting language for web pages. As a consequence, Microsoft named its implementation JScript to avoid trademark issues. JScript added new date methods to fix the Y2K-problematic methods in JavaScript, which were based on Java's java.util.Date class. JScript was included in Internet Explorer 3.0, released in August 1996.
202	</p>
203	<p>
204	In November 1996, Netscape announced that it had submitted JavaScript to Ecma International for consideration as an industry standard, and subsequent work resulted in the standardized version named ECMAScript.
205	</p>
206	<p>
207	JavaScript has become one of the most popular programming languages on the web. Initially, however, many professional programmers denigrated the language because its target audience was web authors and other such "amateurs", among other reasons. The advent of Ajax returned JavaScript to the spotlight and brought more professional programming attention. The result was a proliferation of comprehensive frameworks and libraries, improved JavaScript programming practices, and increased usage of JavaScript outside of web browsers, as seen by the proliferation of server-side JavaScript platforms.
208	</p>
209	<p>
210	In January 2009, the CommonJS project was founded with the goal of specifying a common standard library mainly for JavaScript development outside the browser.
211	</p>
212	<h2>
213	Versions</h2>
214	<table style="text-align: center;">
215	<tbody>
216	<tr>
217	<th>
218	Version
219	</th>
220	<th>
221	Release date
222	</th>
223	<th>
224	Equivalent to
225	</th>
226	<th>
227	Netscape Navigator
228	</th>
229	<th>
230	Mozilla Firefox
231	</th>
232	<th>
233	Internet Explorer
234	</th>
235	<th>
236	Opera
237	</th>
238	<th>
239	Safari
240	</th>
241	<th>
242	Google Chrome
243	</th>
244	</tr>
245	<tr>
246	<td>
247	1.0
248	</td>
249	<td>
250	March 1996
251	</td>
252	<td>
253	</td>
254	<td>
255	2.0
256	</td>
257	<td>
258	</td>
259	<td>
260	3.0
261	</td>
262	<td>
263	</td>
264	<td>
265	</td>
266	<td>
267	</td>
268	</tr>
269	<tr>
270	<td>
271	1.1
272	</td>
273	<td>
274	August 1996
275	</td>
276	<td>
277	</td>
278	<td>
279	3.0
280	</td>
281	<td>
282	</td>
283	<td>
284	</td>
285	<td>
286	</td>
287	<td>
288	</td>
289	<td>
290	</td>
291	</tr>
292	<tr>
293	<td>
294	1.2
295	</td>
296	<td>
297	June 1997
298	</td>
299	<td>
300	</td>
301	<td>
302	4.0-4.05
303	</td>
304	<td>
305	</td>
306	<td>
307	</td>
308	<td>
309	</td>
310	<td>
311	</td>
312	<td>
313	</td>
314	</tr>
315	<tr>
316	<td>
317	1.3
318	</td>
319	<td>
320	October 1998
321	</td>
322	<td>
323	ECMA-262 1st edition / ECMA-262 2nd edition
324	</td>
325	<td>
326	4.06-4.7x
327	</td>
328	<td>
329	</td>
330	<td>
331	4.0
332	</td>
333	<td>
334	</td>
335	<td>
336	</td>
337	<td>
338	</td>
339	</tr>
340	<tr>
341	<td>
342	1.4
343	</td>
344	<td>
345	</td>
346	<td>
347	</td>
348	<td>
349	Netscape Server
350	</td>
351	<td>
352	</td>
353	<td>
354	</td>
355	<td>
356	</td>
357	<td>
358	</td>
359	<td>
360	</td>
361	</tr>
362	<tr>
363	<td>
364	1.5
365	</td>
366	<td>
367	November 2000
368	</td>
369	<td>
370	ECMA-262 3rd edition
371	</td>
372	<td>
373	6.0
374	</td>
375	<td>
376	1.0
377	</td>
378	<td>
379	5.5 (JScript 5.5), 6 (JScript 5.6), 7 (JScript 5.7), 8 (JScript 5.8)
380	</td>
381	<td>
382	6.0
383	</td>
384	<td>
385	3.0-5
386	</td>
387	<td>
388	1.0-10.0.666
389	</td>
390	</tr>
391	<tr>
392	<td>
393	1.6
394	</td>
395	<td>
396	November 2005
397	</td>
398	<td>
399	1.5 + Array extras + Array and String generics + <a class="mw-redirect" title="E4X" href="/wiki/E4X">E4X</a>
400	</td>
401	<td>
402	</td>
403	<td>
404	1.5
405	</td>
406	<td>
407	</td>
408	<td>
409	</td>
410	<td>
411	</td>
412	<td>
413	</td>
414	</tr>
415	<tr>
416	<td>
417	1.7
418	</td>
419	<td>
420	October 2006
421	</td>
422	<td>
423	1.6 + Pythonic generators + Iterators + let
424	</td>
425	<td>
426	</td>
427	<td>
428	2.0
429	</td>
430	<td>
431	</td>
432	<td>
433	</td>
434	<td>
435	</td>
436	<td>
437	</td>
438	</tr>
439	<tr>
440	<td>
441	1.8
442	</td>
443	<td>
444	June 2008
445	</td>
446	<td>
447	1.7 + <a class="mw-redirect" title="Generator (computer science)" href="/wiki/Generator_%28computer_science%29">Generator expressions</a> + <a title="Closure (computer science)" href="/wiki/Closure_%28computer_science%29">Expression closures</a>
448	</td>
449	<td>
450	</td>
451	<td>
452	3.0
453	</td>
454	<td>
455	</td>
456	<td>
457	11.50
458	</td>
459	<td>
460	</td>
461	<td>
462	</td>
463	</tr>
464	<tr>
465	<td>
466	1.8.1
467	</td>
468	<td>
469	</td>
470	<td>
471	1.8 + <a title="JSON" href="/wiki/JSON#Native_encoding_and_decoding_in_browsers">Native JSON</a> support + Minor Updates
472	</td>
473	<td>
474	</td>
475	<td>
476	3.5
477	</td>
478	<td>
479	</td>
480	<td>
481	</td>
482	<td>
483	</td>
484	<td>
485	</td>
486	</tr>
487	<tr>
488	<td>
489	1.8.2
490	</td>
491	<td>
492	June 22, 2009
493	</td>
494	<td>
495	1.8.1 + Minor updates
496	</td>
497	<td>
498	</td>
499	<td>
500	3.6
501	</td>
502	<td>
503	</td>
504	<td>
505	</td>
506	<td>
507	</td>
508	<td>
509	</td>
510	</tr>
511	<tr>
512	<td>
513	1.8.5
514	</td>
515	<td>
516	July 27, 2010
517	</td>
518	<td>
519	1.8.2 + <a title="ECMAScript" href="/wiki/ECMAScript">ECMAScript</a> 5 Compliance
520	</td>
521	<td>
522	</td>
523	<td>
524	4
525	</td>
526	<td>
527	9
528	</td>
529	<td>
530	</td>
531	<td>
532	</td>
533	<td>
534	</td>
535	</tr>
536	</tbody>
537	</table>
538	</textarea>
539	</div>
540	<!-- End demo markup -->
541	<div class="demo-options">
542	<!-- Begin options markup -->
543	<!-- End options markup -->
544	</div>
545	</div>
546	<div class="footer demo-description">
547	<p>
548	The wijeditor widget supports toolbar customization.
549	The Ribbon-like UI can be modified by adding custom toolbars.
550	</p>
551	</div>
552	</div>
553	</body>
554	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats: