testnodeline.htm

来自「Web版的WorkFlow流程设计器.采用Javascript编写,不需要服务器」· HTM 代码 · 共 105 行

HTM
105 行
字号 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<STYLE>
	v\:*{behavior:url(#default#VML);}
	img.mid{
		position:absolute;
		border:solid 1px #000000;
		width:7px;
		height:7px;
		background-color:#CCCCCC;
		margin-right:100px;
	}
	div.linetext{
		font-size:12px;
		position:absolute;
		overflow:visible;
	}
	div.node{
	position:absolute;
	width:100px;
	height:30px;
	border:solid 1px #000000;
	background-color:#ffffff;
	background:url(../image/node_bg.jpg);
}	

</STYLE>	
<script language="javascript" src="../objects/line.js"></script>
<script language="javascript" src="../objects/node.js"></script>
<script language="javascript" src="../objects/position.js"></script>
<script language="javascript" src="../acting/doGraphElement.js"></script>
<script language="javascript" src="../acting/doOperation.js"></script>
<script language="javascript" src="../acting/util.js"></script>

<script>
var nodes=new Array();
var lines=new Array();


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,300);
nodes[i]=nn;
createAllNodes();
canDragOfNode();
}
initNode();

	l1=new Line();
	l1.name="测试线"+0;
	l1.index=0;
	l1.source=5;
	l1.destination=10;
	l1=getLineSDPoint(l1);
	lines[0]=l1;
	createLine(l1);
	
	l1=new Line();
	l1.name="测试线"+1;
	l1.index=1;
	l1.source=8;
	l1.destination=10;
	l1=getLineSDPoint(l1);
	lines[1]=l1;
	createLine(l1);
	canDragOfLine(1);
	
</script>
</html>

testnodeline.htm - 源码说明

本页面展示了「Web版的WorkFlow流程设计器.采用Javascript编写,不需要服务器端,直接在客户端运行.」中的 testnodeline.htm 源码文件，采用 HTM 编程语言编写，共 105 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与Workflow相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?