1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4
5	<title>insertHtml</title>
6
7	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8	<meta name="robots" content="noindex, nofollow" />
9
10
11		<script type="text/javascript">
12
13var oEditor = window.parent.InnerDialogLoaded() ;
14
15var FCKKeyboard = oEditor.FCKKeyboard ;
16var FCKLang = oEditor.FCKLang ;
17
18
19window.onload = function()
20{
21    oEditor.FCKLanguageManager.TranslatePage( document );
22	document.body.style.padding = '0px' ;
23	window.parent.SetOkButton( true ) ;
24	window.parent.SetAutoSize( true ) ;
25    if(oEditor.FCK.VKI_keyboards) {
26
27      document.getElementById('openKBbutton').style.display='none';
28      document.getElementById('keyboard_form').style.display='block';
29      load_selections();
30    }
31}
32
33
34function open_keyboard() {
35   FCKKeyboard.openkb();
36   window.parent.document.getElementById('btnCancel').click();
37  }
38
39function Ok()
40{
41
42	return true ;
43}
44
45
46function show(id) {
47 document.getElementById(id).style.display='block';
48}
49
50function hide(id) {
51 document.getElementById(id).style.display='none';
52
53}
54
55function open_illustrations(){
56hide('keyboard_main');
57show('full_kb');
58show('sel_kb');
59}
60
61function close_illustrations() {
62
63hide('full_kb');
64hide('sel_kb');
65show('keyboard_main');
66
67}
68		</script>
69
70<style type="text/css">
71body { overflow: scroll; }
72/*
73.VKcloseBut {
74
75
76 }
77*/
78
79a:link {  color: #333333;  text-decoration: none; font-weight: bold;  font-size: 9pt;}
80a:hover { color: #999999; }
81
82#keyboard_main, .illustration_text {
83  padding: 10px;
84  padding-left: 20px;
85  font-size: 9pt;
86  line-height: 1.25;
87}
88#sel_kb, #full_kb  { display: none; padding: 4px;}
89
90
91</style>
92
93
94</head>
95<body scroll='yes'>
96
97<div id='keyboard_main'>
98
99          <P>
100		<span fckLang="VKkeyboardHelp" class='bigger'>
101                   Clicking on the "Start Virtual Keyboard" button starts up the Virtual Keyboard.
102                   A Keyboard button/icon will appear at the lower left of the editing window;
103                   when clicked it opens the keyboard. Clicking "Illustrations" explains the
104                   various functions accessed from the virtual keyboard's top row
105
106        </span>
107         </p>
108        <p>
109        <button onclick="open_keyboard();" id="openKBbutton"><span fckLang="startVKeyboard" id="startVKeyboard">Start Keyboard</span></button>
110        &nbsp;        &nbsp;        &nbsp;        &nbsp;
111        <button onclick="open_illustrations();" id="illustrations"><span fckLang="VKeyboardIllustrations" id="VKeyboardIllustrations">Illustrations</span></button>
112        </p>
113
114</div>
115
116<div id='full_kb'>
117<p style="text-align:right; padding-right: 20px;">
118<a href ="javascript:close_illustrations();void 0;">
119<span fckLang="DlgBtnClose">Close</span></a>
120</p>
121<center>
122<img src = 'images/keyboard_full.png' align='center'>
123</center>
124<p class='illustration_text'>
125  <span fckLang="VKIllustrationText">
126  <b>Top row functions from left-to-right</b><br />
127     1. Clicking the language identifier or on the down arrow to its right opens
128     a drop-down menu of languages; selecting one of these immediately changes the keyboard
129     to the selected language. For an illustration of the drop-down menu scroll to the image at the bottom of this page.<br />
130     2. Clicking the hash symbol(#)opens and closes the numeric keypad <br />
131     3. The up and down arrows to the right of the hash change the size of the keyboard and its fonts <br />
132     4. In fckgLite the "Clear" button has no function
133</span>
134</p>
135</div>
136
137<div id='sel_kb'>
138<center>
139<img src = 'images/keyboard_sel.png'>
140</center>
141</div>
142<br /><br />
143</body>
144</html>
145