最近在公司被交办要写新设备的的操作手册,要截的图、要建立
的表格、要 key 进去的资料一堆,因为一些限制的关系:
1.不能用 office
2.也不能安装截图软件
3.不可以架 IIS、Apache 等
4.不能使用远端桌面
是要叫我用记事本逆? 想来想去 html 还是最佳解,以及用小画
家处理截图问题。
那既然要写,我也不想随便交一份出去,我的想法是
1.用 frame 来统整说明文件的页面呈现
2.技术面就弄个 onclick 按钮
3.再用 javascript 写两三个"其实不写也可以"的函数塞在里头
以后公司各地会慢慢装这个新设备,而且它的终端PC都有上述的
限制,等于我现在辛苦把该写的东西全部写好,以后就能整个打
包拷贝到其它终端PC。
明年我则对使用 batch 档写选单有兴趣,我20年前看过这样的东
西,PC终端有些东西固定要看、要检查,用 batch 很方便,这部
份我原本也是想透过 javascript 来写,后来想想还是算了。
总之最近都在忙这个,目前进度是已经写到某种程度了,卯起来写
其实很快(而且我的体力精力都提升了不少),但公司现在人少,事
情一堆..至少忙到10月中,然后新设备上线后再忙个一两个礼拜。
再来大概到 12 月底都没事? 应该吧,剩下冲业绩而已。
===========================================================
javascript 我目前只先使用在 onclick 而已,例如底下的 code:
这里有颗按钮
<input type=button id=button1 value='+' onclick='
// 如果 part1 表格的显示值为 none,按下按钮的瞬间就改为显示
// 并把按钮从 + 改成 -(展开的意思)
if(document.getElementById("part1").style.display=="none")
{
document.getElementById("part1").style.display="block";
this.value="-";
}
// 反之如果 part1 表格的显示值不为 none,按下按钮的瞬间就把
// 显示值改为 none(不显示),并把按钮改为 +(收起来的意思)
else
{
document.getElementById("part1").style.display="none";
this.value="+";
}
'>使用说明
下面的表格,平常的显示状态是 "none"(不显示)
<table id=part1 style="display:none">
.
.
</table>
(我习惯一开始都先土法炼钢,写出我想要的东西后再慢慢精炼)
上面的东西,呈现出来的样子就类似底下
平常的状态
+使用说明
点一下上面的+按钮后会出现底下
-使用说明
操作接口 <=这时比方点击操作接口,其说明会呈现在右侧视窗
告警面板
功能按键说明
障碍判断及排除
(画面左侧树状区)
就是一般很常见的左侧树状选单结构,使用 frame 最简单的做法
┌───────────────────────────┐
│ XX 设 备 操 作 手 册 edit by laechan │
├───────┬───────────────────┤
│ │ │
│+最新消息 │ │
│ │ │
│+操作接口 │ │
│ │ │
│+使用说明 │ │
│ │ │
│ │ │
│ │ │
│ │ │
│ │ │
│ │ │
└───────┴───────────────────┘
DOM 物件应该有很多东西可以使用,我目前只使用到最基础的几
个而已,this 也非常好用,style 属性也蛮值得研究,html tag
则大概就那几种,会用就好了。