maxGraph/javascript/examples/editors/processeditor.html

64 lines
1.8 KiB
HTML

<html>
<head>
<title>mxGraph Process Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css" media="screen">
div.base {
position: absolute;
overflow: hidden;
font-family: Arial;
font-size: 8pt;
}
div.base#toolbar {
padding-left: 8px;
padding-top: 1px;
background: url('images/toolbar.gif');
}
div.base#status {
color: gray;
border-style: none;
border-top-style: solid;
border-color: silver;
border-width: 1px;
padding-top: 6px;
_padding-top: 4px;
padding-right: 8px;
background: url('images/toolbar.gif');
}
</style>
<script type="text/javascript">
mxBasePath = '../../src';
</script>
<script type="text/javascript" src="../../src/js/mxClient.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript">
mxConstants.DEFAULT_HOTSPOT = 1;
// Enables guides
mxGraphHandler.prototype.guidesEnabled = true;
// Alt disables guides
mxGuide.prototype.isEnabledForEvent = function(evt)
{
return !mxEvent.isAltDown(evt);
};
// Enables snapping waypoints to terminals
mxEdgeHandler.prototype.snapToTerminals = true;
window.onbeforeunload = function() { return mxResources.get('changesLost'); };
</script>
</head>
<body onload="createEditor('config/processeditor.xml');" style="margin:0px;overflow:hidden;">
<div id="toolbar" class="base" style="top:0px;height:36px;left:0px;right:0px;">
<!-- Toolbar Here -->
</div>
<div id="graph" class="base" style="left:0px;right:0px;top:36px;bottom:20px;background:white;">
<!-- Graph Here -->
</div>
<div id="status" class="base" align="right" style="height:20px;bottom:0px;left:0px;right:0px;white-space:nowrap;">
<!-- Status Here -->Done
</div>
</body>
</html>