fceux/web/help/taseditor/toc.html

393 lines
12 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TAS Editor Manual- Table of Contents</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="generator" content="HelpNDoc Personal Edition 3.9.1.648">
<link type="text/css" rel="stylesheet" media="all" href="css/reset.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/silver-theme/jquery-ui-1.8.12.custom.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/dynatree/chm/ui.dynatree.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/base.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/hnd.css" />
<link type="text/css" rel="stylesheet" media="all" href="css/toc.css" />
<!--[if lte IE 8]>
<link type="text/css" rel="stylesheet" media="all" href="css/ielte8.css" />
<![endif]-->
<style type="text/css">
#tabs .ui-widget-header
{
background-color: #EFEFEF;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.dynatree.min.js"></script>
<script type="text/javascript" src="js/hndjsse.js"></script>
<script type="text/javascript">
var bSearchDataLoaded = false;
var sHelpIdToActivate = '';
$(document).ready(function()
{
var sAnchorName = '';
try { sAnchorName = top.location.href.substring(top.location.href.lastIndexOf("#") + 1, top.location.href.length); }
catch(err) { sAnchorName = ''; }
var nSelectedTab = 0;
if (sAnchorName == '_index') nSelectedTab = 1
else if (sAnchorName == '_search') nSelectedTab = 2;
$("#tabs").tabs({
selected: nSelectedTab,
select: function(event, ui) { HideKwPopup(); }
});
// Toc
if ($("#tab-toc").length) {
$("#tab-toc").dynatree({
clickFolderMode: 1,
debugLevel: 0,
imagePath: 'css/dynatree/chm/',
onActivate: function(node){
if ($("#tab-keywords").length && $("#tab-keywords").dynatree && $("#tab-keywords").dynatree("getTree") && $("#tab-keywords").dynatree("getTree").activateKey)
$("#tab-keywords").dynatree("getTree").activateKey(null);
if(node.data.href && node.data.href != '#'){
window.open(node.data.href, node.data.target);
}
}
});
// Expand all nodes if required
$("#tab-toc").dynatree("getRoot").visit(function(node){
node.expand(true);
});
// Select the active help id
if (sHelpIdToActivate != '') $("#tab-toc").dynatree("getTree").activateKey(sHelpIdToActivate);
}
// Keywords
if ($("#tab-keywords").length) {
$("#tab-keywords").dynatree({
clickFolderMode: 1,
debugLevel: 0,
imagePath: 'css/dynatree/chm/',
onClick: function(node, event){
HideKwPopup();
if (node.data && node.data.click)
{
var aRefList = null;
eval('aRefList=' + node.data.click);
if (ShowKwPopup(node.li, aRefList))
{
if ($("#tab-toc") && $("#tab-toc").dynatree && $("#tab-toc").dynatree("getTree") && $("#tab-toc").dynatree("getTree").activateKey)
$("#tab-toc").dynatree("getTree").activateKey(null);
if(node.data.href && node.data.href != '#'){
window.open(node.data.href, node.data.target);
}
}
}
}
});
// Expand all nodes if required
$("#tab-keywords").dynatree("getRoot").visit(function(node){
node.expand(true);
});
}
// Load search data
$.getScript("js/searchdata.js", function() {
bSearchDataLoaded = true;
});
});
$('body').click(function() {
HideKwPopup();
});
function SelectTocItem(sHelpId)
{
if ($("#tab-toc").length && $("#tab-toc").dynatree && $("#tab-toc").dynatree("getTree") && $("#tab-toc").dynatree("getTree").getNodeByKey) {
$("#tab-toc").dynatree("getTree").getNodeByKey(sHelpId).activateSilently();
}
else {
sHelpIdToActivate = sHelpId;
}
}
function HideKwPopup()
{
if($("#popupMenu")) $("#popupMenu").remove();
}
function ShowKwPopup(oSender, aLinks)
{
HideKwPopup();
if (!aLinks || !aLinks.length || aLinks.length == 0) return false
else if (aLinks.length == 1) return true
else
{
var oParentDiv = document.createElement("DIV");
oParentDiv.id = "popupMenu";
var oLink = null;
// Close button
oLink = document.createElement("SPAN");
oLink.className = "close-button";
oLink.innerHTML = "X";
oLink.href = "#";
oLink.onclick = HideKwPopup;
oParentDiv.appendChild(oLink);
// Items
for (var nCnt=0; nCnt<aLinks.length; nCnt++)
{
oLink = document.createElement("A");
oLink.innerHTML = aLinks[nCnt][0];
oLink.href = aLinks[nCnt][1];
oLink.target = "FrameMain";
oLink.onclick = HideKwPopup;
oParentDiv.appendChild(oLink);
}
document.body.appendChild(oParentDiv);
var pos = $(oSender).offset();
var height = $(oSender).height();
$(oParentDiv).css({
"left": (pos.left+20) + "px",
"top": (pos.top + height + 5) + "px"
});
$(oParentDiv).show();
return false;
}
}
function PerformSearch()
{
sValue = $("#search_value").val();
$("#search_results").html('Searching...');
var oSearchEngine = new HndJsSe;
oSearchEngine.ParseInput(sValue);
oSearchEngine.PerformSearch();
if (!oSearchEngine.aResults || !oSearchEngine.aResults.length)
{
$("#search_results").html('No results found.');
}
else
{
$("#search_results").html('<div id="search_results_content"></div>');
var oUl = $("#search_results_content").append("<ul id='lr'></ul>").find("ul");
for (var nCnt = 0; nCnt < oSearchEngine.aResults.length; nCnt++)
{
if (oSearchEngine.aResults[nCnt] < aTl.length)
{
oUl.append("<li><a href='" + aTl[oSearchEngine.aResults[nCnt]][0] + "?search=" + escape(sValue) + "' target='FrameMain'>" + unescape(aTl[oSearchEngine.aResults[nCnt]][1]) + "</a></li>");
}
}
// Tree
$("#search_results_content").dynatree({
clickFolderMode: 1,
debugLevel: 0,
imagePath: 'css/dynatree/chm/',
onActivate: function(node){
if ($("#search_results_content") && $("#search_results_content").dynatree && $("#search_results_content").dynatree("getTree") && $("#search_results_content").dynatree("getTree").activateKey)
$("#search_results_content").dynatree("getTree").activateKey(null);
if(node.data.href && node.data.href != '#'){
window.open(node.data.href, node.data.target);
}
}
});
}
}
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tab-toc">Contents</a></li>
<li><a href="#tab-keywords">Index</a></li>
<li><a href="#tab-search">Search</a></li>
</ul>
<div id="tab-toc">
<ul id="toc" class="">
<li class="" id="Title" data="icon: '20.png'">
<a
href="Title.html"
target="FrameMain">
Title</a>
</li><li class="folder" id="BeginnersGuide" data="">
<a
href="BeginnersGuide.html"
target="FrameMain">
Beginner's Guide</a>
<ul><li class="" id="Introduction" data="icon: '1.png'">
<a
href="Introduction.html"
target="FrameMain">
1. Introduction</a>
</li><li class="folder" id="ProgramInterface" data="">
<a
href="ProgramInterface.html"
target="FrameMain">
2. Program Interface</a>
<ul><li class="" id="PianoRoll" data="icon: '1.png'">
<a
href="PianoRoll.html"
target="FrameMain">
2.1. Piano Roll</a>
</li><li class="" id="Toolbox" data="icon: '1.png'">
<a
href="Toolbox.html"
target="FrameMain">
2.2. Toolbox</a>
</li></ul></li><li class="" id="TASingProcess" data="icon: '1.png'">
<a
href="TASingProcess.html"
target="FrameMain">
3. TASing Process</a>
</li><li class="folder" id="TASingMethodology" data="">
<a
href="TASingMethodology.html"
target="FrameMain">
4. TASing Methodology</a>
<ul><li class="" id="TraditionalTASing" data="icon: '1.png'">
<a
href="TraditionalTASing.html"
target="FrameMain">
4.1. Traditional TASing</a>
</li><li class="" id="NonlinearTASing" data="icon: '1.png'">
<a
href="NonlinearTASing.html"
target="FrameMain">
4.2. Nonlinear TASing</a>
</li><li class="" id="SemiautomaticTASing" data="icon: '1.png'">
<a
href="SemiautomaticTASing.html"
target="FrameMain">
4.3. Semiautomatic TASing</a>
</li></ul></li><li class="" id="ProgramCustomization" data="icon: '1.png'">
<a
href="ProgramCustomization.html"
target="FrameMain">
5. Program customization</a>
</li><li class="" id="AdvancedFeatures" data="icon: '1.png'">
<a
href="AdvancedFeatures.html"
target="FrameMain">
6. Advanced Features</a>
</li></ul></li><li class="folder" id="Reference" data="">
<a
href="Reference.html"
target="FrameMain">
Reference</a>
<ul><li class="" id="Glossary" data="icon: '1.png'">
<a
href="Glossary.html"
target="FrameMain">
Glossary</a>
</li><li class="" id="Controls" data="icon: '1.png'">
<a
href="Controls.html"
target="FrameMain">
Controls</a>
</li><li class="" id="Navigation" data="icon: '1.png'">
<a
href="Navigation.html"
target="FrameMain">
Navigation</a>
</li><li class="" id="Operations" data="icon: '1.png'">
<a
href="Operations.html"
target="FrameMain">
Operations</a>
</li><li class="" id="LuaAPI" data="icon: '1.png'">
<a
href="LuaAPI.html"
target="FrameMain">
Lua API</a>
</li><li class="" id="FAQ" data="icon: '1.png'">
<a
href="FAQ.html"
target="FrameMain">
FAQ</a>
</li><li class="" id="SpeedrunningSynopsis" data="icon: '1.png'">
<a
href="SpeedrunningSynopsis.html"
target="FrameMain">
Speedrunning synopsis</a>
</li></ul></li><li class="folder" id="TASEditorInside" data="">
<a
href="TASEditorInside.html"
target="FrameMain">
TAS Editor Inside</a>
<ul><li class="" id="Ideas" data="icon: '1.png'">
<a
href="Ideas.html"
target="FrameMain">
Ideas</a>
</li><li class="" id="Implementation" data="icon: '1.png'">
<a
href="Implementation.html"
target="FrameMain">
Implementation</a>
</li><li class="" id="MistakeProofing" data="icon: '1.png'">
<a
href="MistakeProofing.html"
target="FrameMain">
Mistake-proofing</a>
</li><li class="" id="FM3format" data="icon: '1.png'">
<a
href="FM3format.html"
target="FrameMain">
FM3 format</a>
</li></ul></li></ul>
</div>
<div id="tab-keywords">
<ul id="keywords">
</ul>
</div>
<div id="tab-search">
<form onsubmit="PerformSearch(); return false;">
<label for="search_value">Search:</label>
<input id="search_value" name="search_value"></input>
<input type="submit" value="Search"/>
</form>
<div id="search_results"></div>
</div>
</div>
</body>
</html>