mirror of
https://github.com/trebonian/visual6502.git
synced 2024-09-07 23:54:49 +00:00
153 lines
6.3 KiB
HTML
153 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>Visual 6502 in JavaScript</title>
|
|
<style type="text/css">@import "expert.css";</style>
|
|
<script src="segdefs.js"></script>
|
|
<script src="transdefs.js"></script>
|
|
<script src="nodenames.js"></script>
|
|
<script src="wires.js"></script>
|
|
<script src="expertWires.js"></script>
|
|
<script src="chipsim.js"></script>
|
|
<script src="memtable.js"></script>
|
|
<script src="macros.js"></script>
|
|
<script src="testprogram.js"></script>
|
|
<script src="3rdparty/jquery-1.3.2.min.js"></script>
|
|
<script src="3rdparty/jquery.cookie.js"></script>
|
|
<script src="3rdparty/splitter.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
function handleOnload() {
|
|
/MSIE (\d+\.\d+);/.test(navigator.appVersion);
|
|
IEVersion=Number(RegExp.$1);
|
|
if((navigator.appName == 'Microsoft Internet Explorer') && (IEVersion<9)){
|
|
document.getElementById('browsertrouble').innerHTML=
|
|
'<p>Sorry, '+navigator.appName+' not supported - showing you a picture instead!</p>';
|
|
document.getElementById('frame').innerHTML='<a href="browsertrouble.html"><img src="images/jssim2.png" style="border:10px"></a>';
|
|
}else{
|
|
setTimeout(setup,200);
|
|
}
|
|
};
|
|
|
|
// initialise splitter (built on jquery)
|
|
$().ready(function(){
|
|
$("#frame").splitter({
|
|
type: "v",
|
|
outline: true,
|
|
minLeft: 20,
|
|
sizeLeft: 810,
|
|
resizeToWidth: true,
|
|
anchorToWindow: true,
|
|
});
|
|
$("#rightcolumn").splitter({
|
|
type: "h",
|
|
outline: true,
|
|
sizeBottom: 180,
|
|
minTop: 100,
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body onload="handleOnload();">
|
|
<span id="plain">
|
|
<a href="http://www.visual6502.org/faq.html">FAQ</a>
|
|
<a href="http://blog.visual6502.org">Blog</a>
|
|
<a href="http://www.visual6502.org/links.html">Links</a>
|
|
<a href="http://github.com/trebonian/visual6502">Source</a>
|
|
<a href="http://skilldrick.github.com/easy6502/#first-program">easy6502 assembler</a>
|
|
<a href="http://www.masswerk.at/6502/disassembler.html">mass:werk disassembler</a>
|
|
</span>
|
|
<div class="frame" id="frame">
|
|
<div class="leftcolumn" id="leftcolumn">
|
|
<div id="chipsurround" tabindex="1">
|
|
<div class="chip" id="chip">
|
|
<span id="waiting">Please wait, graphics initialising...</span>
|
|
<canvas class="chip" id="chipbg"></canvas>
|
|
<canvas class="chip" id="overlay"></canvas>
|
|
<canvas class="chip" id="hilite"></canvas>
|
|
<canvas class="chip" id="hitbuffer"></canvas>
|
|
</div>
|
|
</div> <!-- chipsurround -->
|
|
<div class="nochip" id="nochip">
|
|
<form>
|
|
<input type="button" value="Show chip layout" onclick="updateChipLayoutVisibility(true)" />
|
|
</form>
|
|
</div>
|
|
<div id="layoutControlPanel">
|
|
Use 'z' or '>' to zoom in, 'x' or '<' to zoom out, click to probe signals and drag to pan.
|
|
<form id="updateShow"> Show:
|
|
<input type="checkbox" name="1" id="updateShow1" onchange="updateShow(this.name,this.checked)" /><label for="updateShow1">(diffusion)</label>
|
|
<input type="checkbox" name="3" id="updateShow3" onchange="updateShow(this.name,this.checked)" /><label for="updateShow3">(grounded diffusion)</label>
|
|
<input type="checkbox" name="4" id="updateShow4" onchange="updateShow(this.name,this.checked)" /><label for="updateShow4">(powered diffusion)</label>
|
|
<input type="checkbox" name="5" id="updateShow5" onchange="updateShow(this.name,this.checked)" /><label for="updateShow5">(polysilicon)</label>
|
|
<input type="checkbox" name="0" id="updateShow0" onchange="updateShow(this.name,this.checked)" /><label for="updateShow0">(metal)</label>
|
|
<input type="checkbox" name="2" id="updateShow2" onchange="updateShow(this.name,this.checked)" /><label for="updateShow2">(protection)</label>
|
|
</form>
|
|
<form action="javascript:hiliteNodeList();">
|
|
<input type="button" value="Find:" onclick="hiliteNodeList();" />
|
|
<input type="text" id="HighlightThese" name="HighlightThese" value="" />
|
|
<input type="button" value="Clear Highlighting" onclick="clearHighlight();" />
|
|
<span class="animatebox">
|
|
<label for="animateModeCheckbox">Animate during simulation:</label>
|
|
<input type="checkbox" id="animateModeCheckbox" onchange="updateChipLayoutAnimation(this.checked)"
|
|
/></span>
|
|
</form>
|
|
<form>
|
|
<input type="button" value="Hide Chip Layout" onclick="updateChipLayoutVisibility(false)" />
|
|
<a href="" id="linkHere" >Link to this location</a>
|
|
</form>
|
|
</div>
|
|
</div> <!-- closing leftcolumn -->
|
|
<div class="rightcolumn" id="rightcolumn">
|
|
<div id="righttopdiv">
|
|
<div class = "buttons">
|
|
<div class="twobuttons">
|
|
<a href ="javascript:stopChip()" id="stop"><img class="navstop" src="images/stop.png" title="stop"></a>
|
|
<a href ="javascript:runChip()" id="start"><img class="navplay" src="images/play.png" title="run"></a>
|
|
</div>
|
|
<div class="morebuttons">
|
|
<a href ="javascript:resetChip()"><img class="navbutton" src="images/up.png" title="reset"></a>
|
|
<a href ="javascript:stepBack()"><img class="navbutton" src="images/prev.png" title="back"></a>
|
|
<a href ="javascript:stepForward()"><img class="navbutton" src="images/next.png" title="forward"></a>
|
|
<a href ="javascript:goUntilSyncOrWrite()"><img class="navbutton" src="images/singlestep.png" title="step"></a>
|
|
<a href ="javascript:goFor()"><img class="navbutton" src="images/fastforward.png" title="fastforward"></a>
|
|
</div>
|
|
<div style="float:right;">
|
|
<a href="http://visual6502.org/wiki/index.php?title=JssimUserHelp" target="_blank">User Guide</a>
|
|
|
|
</div>
|
|
</div> <!-- buttons -->
|
|
<div class="status" id="status"><p>x: 0<br>y: 0</p>
|
|
</div> <!-- status -->
|
|
|
|
<div id="memtablediv">
|
|
<table class="memtable" id="memtable" tabindex="2"></table>
|
|
</div>
|
|
</div> <!-- righttopdiv -->
|
|
|
|
<div id="tracingdiv">
|
|
<textarea id="consolebox">
|
|
click here and type if your program handles input
|
|
</textarea>
|
|
<div id="expertControlPanel" tabindex="3">
|
|
<form action="javascript:updateLogList()">
|
|
<input type="button" value="Trace more" onclick="updateLoglevel(++loglevel)" />
|
|
<input type="button" value="Trace less" onclick="updateLoglevel(--loglevel)" />
|
|
<input type="button" value="Trace these too:" onclick="updateLogList()" />
|
|
<input type="text" id="LogThese" name="LogThese" value="" />
|
|
<input type="button" value="Log Up/Down" onclick="updateLogDirection();" />
|
|
<input type="button" value="Clear Log" onclick="updateLoglevel(loglevel)" />
|
|
</form>
|
|
<br />
|
|
</div>
|
|
<div id="logstreamscroller">
|
|
<table class="logstream" id="logstream"></table>
|
|
</div>
|
|
</div>
|
|
</div> <!-- closing rightcolumn -->
|
|
</div> <!-- closing 'frame' div -->
|
|
</body>
|
|
</html>
|