Ticket #9322: test.2.html

File test.2.html, 6.0 KB (added by humdinger, 8 years ago)

improved version

Line 
1<?xml version="1.0" encoding="UTF-8"?>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
4<head>
5<!--
6 *
7 * Copyright 2008, Haiku. All rights reserved.
8 * Distributed under the terms of the MIT License.
9 *
10 * Authors:
11 * Humdinger <humdingerb@gmail.com>
12 *
13-->
14 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
15 <meta http-equiv="Content-Style-Type" content="text/css" />
16 <meta name="robots" content="all" />
17 <title>Test</title>
18 <link rel="stylesheet" type="text/css" href="../Haiku-doc.css" />
19
20 <script type="text/javascript">
21 var onlineBase = "http://cgit.haiku-os.org/haiku/plain/docs/userguide/";
22 var offlineBase = "file:///boot/system/documentation/userguide/";
23 var xmlhttp = new XMLHttpRequest();
24 xmlhttp.open("HEAD", offlineBase, false);
25 xmlhttp.send();
26 if (xmlhttp.responseText == "")
27 var offlineBase = "file:///boot/home/config/documentation/userguide/";
28
29 var thisUrl = window.location.href;
30 var m = thisUrl.split("userguide/");
31 var thisLangPage = m[1];
32 var place = (m[0] + "userguide/" == onlineBase) ? "online" : "offline";
33
34 function ChangeLang(lang) {
35 var n = thisLangPage.split("/");
36 var newLangPage = thisLangPage.replace(n[0], lang);
37 var newUrl = (place == "online") ? onlineBase : offlineBase;
38 newUrl += newLangPage;
39
40 var xmlhttp = new XMLHttpRequest();
41 xmlhttp.open("HEAD", newUrl, false);
42 xmlhttp.send();
43 if (xmlhttp.responseText == "") {
44 if (place == "offline") {
45 newUrl = onlineBase + newLangPage;
46 xmlhttp.open("HEAD", newUrl, false);
47 xmlhttp.send();
48 if (xmlhttp.status != 200)
49 newUrl = offlineBase + lang + "/errorpage.html";
50 } else {
51 console.log("Online page not available. Lost connection?")
52 }
53 }
54 window.location = newUrl;
55 }
56 </script>
57
58</head>
59<body>
60
61<div id="banner">
62<div><span>User guide</span></div>
63</div>
64
65<div class="nav">
66<div class="inner">
67<ul class="lang-menu">
68<li class="now"><img src="../images/flags/gb.png" alt="" /> English</li>
69<li><span onclick="ChangeLang('fr')"><img src="../images/flags/fr.png" alt="" />Français</span></li>
70<li><span onclick="ChangeLang('de')"><img src="../images/flags/de.png" alt="" />Deutsch</span></li>
71<li><span onclick="ChangeLang('it')"><img src="../images/flags/it.png" alt="" />Italiano</span></li>
72<li><span onclick="ChangeLang('ru')"><img src="../images/flags/ru.png" alt="" />Русский</span></li>
73<li><span onclick="ChangeLang('es')"><img src="../images/flags/es.png" alt="" />Español</span></li>
74<li><span onclick="ChangeLang('sv_SE')"><img src="../images/flags/sv_SE.png" alt="" />Svenska</span></li>
75<li><span onclick="ChangeLang('jp')"><img src="../images/flags/jp.png" alt="" />日本語</span></li>
76<li><span onclick="ChangeLang('uk')"><img src="../images/flags/uk.png" alt="" />Українська</span></li>
77<li><span onclick="ChangeLang('zh_CN')"><img src="../images/flags/zh_CN.png" alt="" /> 中文 [中文]</span></li>
78<li><span onclick="ChangeLang('pt_PT')"><img src="../images/flags/pt_PT.png" alt="" />Português</span></li>
79<li><span onclick="ChangeLang('fi')"><img src="../images/flags/fi.png" alt="" />Suomi</span></li>
80<li><span onclick="ChangeLang('sk')"><img src="../images/flags/sk.png" alt="" />Slovenčina</span></li>
81<li><span onclick="ChangeLang('hu')"><img src="../images/flags/hu.png" alt="" />Magyar</span></li>
82<li><span onclick="ChangeLang('pt_BR')"><img src="../images/flags/pt_BR.png" alt="" />Português (Brazil)</span></li>
83<li><span onclick="ChangeLang('ca')"><img src="../images/flags/ca.png" alt="" />Català</span></li>
84<li><span onclick="ChangeLang('pl')"><img src="../images/flags/pl.png" alt="" />Polski</span></li>
85</ul>
86<span>
87 «  <a href="workspaces.html">Workspaces</a> 
88::  <a href="contents.html" class="uplink">Contents</a> 
89::  <a href="teammonitor.html">Team Monitor</a>  »
90</span></div>
91</div>
92
93<div id="content">
94<div>
95
96<h1>Twitcher</h1>
97
98<p>The Twitcher is a task switcher to jump between running applications and their windows.</p>
99<img src="../images/twitcher-images/twitcher.png" alt="twitcher.png" />
100<p>Just tap <span class="key">CTRL</span> <span class="key">TAB</span> to switch between the current and the last application/window. Tapping <span class="key">CTRL</span> <span class="key">TAB</span> very quickly will switch between all applications. Or press and hold <span class="key">CTRL</span> <span class="key">TAB</span> to go through all running applications by repeatedly hitting <span class="key">TAB</span> or <span class="key"></span>/<span class="key"></span>. If you need to get to a specific window of a program, move to its icon as described and then go through its open windows with the <span class="key"></span>/<span class="key"></span> keys.</p>
101<p>You cycle through all an applications visible windows on the current workspace with <span class="key">CTRL</span> <span class="key">~</span> (which, depending on the keymap you're using, is the key below <span class="key">ESC</span>).</p>
102<p>It's also possible to invoke the Twitcher with <span class="key">CTRL</span> <span class="key">TAB</span> and then use the mouse to choose the application/window you'll jump to when releasing the <span class="key">CTRL</span> key.</p>
103<p>The Twitcher also offers a few more advanced keyboard shortcuts:</p>
104<table summary="more shortcuts" border="0" cellspacing="0" cellpadding="4">
105<tr><td><span class="key">ESC</span></td><td style="width:15px;"></td><td>Aborts the twitching and returns to the formerly active window.</td></tr>
106<tr><td><span class="key">Q</span></td><td></td><td>Quits the selected application.</td></tr>
107<tr><td><span class="key">H</span></td><td></td><td>Hides all windows of the selected application.</td></tr>
108</table>
109
110</div>
111</div>
112
113<!--
114<div class="nav">
115<div class="inner"><span>
116 «  <a href="workspaces.html">Workspaces</a> 
117::  <a href="contents.html" class="uplink">Contents</a> 
118::  <a href="teammonitor.html">Team Monitor</a>  »
119</span></div>
120</div>
121-->
122</body>
123</html>