📄 testnode.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="../acting/util.js"></script>
<script language="javascript" src="../objects/node.js"></script>
<script language="javascript" src="../objects/position.js"></script>
<style>
div.node{
position:absolute;
width:100px;
height:30px;
border:solid 1px #000000;
background-color:#ffffff;
background:url(../image/node_bg.jpg);
}
</style>
<script>
var nodes=new Array();
function createNode(node){
var html="";
html="<div id='node"+node.index+"' class='node' style='top:"+node.position.top+";left:"+node.position.left+"'><table border=0 width=100% height=100%><tr><td align=center valign=middle style='font-size:12px'>"+node.name+"</td></tr></table></div>";
container.innerHTML+=html;
}
function canDragOfNode(){
var i;
for(i=0;i<nodes.length;i++)
eval("$('node"+i+"').style.behavior='url(../htc/sndrag.htc)';");
}
function createAllNodes(){
for(var i=0;i<nodes.length;i++)
createNode(nodes[i]);
}
</script>
</head>
<body>
创建任务
在主页面中有一个全局量，记录当前选中的任务，同时有一个选择状态(selectState)，
当状态不同的时候调用不同的方法。
比如：点panel中创建连线时 selectState=1
点第一个任务时设定源任务selectState=2
点第二个任务时设定目标任务selectState=0,创建连线
<div id="container"></div>
</body>
<script>
function initNode(){
var i,nn;
for(i=0;i<10;i++){
nn=new Node();
nn.name='测试接点测试dfdsf'+i;
nn.index=i;
nn.position=new Position(0,100*i);
nodes[i]=nn;
}
nn=new Node();
nn.name='hihi';
nn.index=i;
nn.position=new Position(300,100);
nodes[i]=nn;
createAllNodes();
canDragOfNode();
}
initNode();
</script>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -