◎右クリック対象領域　設定　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
・選択ロジック　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
return function (ev) { var ids = []; if (ev.target.classList.contains("no1")) { ids[0] = "items"; ids[1] = "methods"; ids[2] = "colors"; } else if (ev.target.classList.contains("no2")) { ids[0] = "items2"; ids[1] = "methods"; ids[2] = "colors"; } else { ids[0] = "items2"; ids[1] = "methods2"; ids[2] = "colors2"; } return ids; } ・メニュー項目編集　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　
行編集 追加 :addLine 子追加 :addChildLine 編集 :editLine 削除 :delLine 編集 垂直分割 水平分割 最大化" １００％ ２００％ ４００％ 部品操作 部品追加 ノード 接続線 移動 変形 属性変更 クリア 行編集２ 追加２ :addLine 子追加２ :addChildLine 編集２ :editLine 削除２ :delLine 編集 垂直分割 水平分割 最大化" １００％ ２００％ ４００％ 部品操作 部品追加 ノード 接続線 移動 変形 属性変更 クリア ・オブジェクト編集　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　
function MyMenuMethods() { } MyMenuMethods.prototype.addLine = function() { alert("MyMenuMethods.addLine"); } MyMenuMethods.prototype.addChildLine = function() { alert("MyMenuMethods.addChildLine"); } MyMenuMethods.prototype.editLine = function() { alert("MyMenuMethods.editLine"); } MyMenuMethods.prototype.delLine = function() { alert("MyMenuMethods.delLine"); } return new MyMenuMethods(); function MyMenuMethods() { } MyMenuMethods.prototype.addLine = function() { alert("MyMenuMethods.addLine2"); } MyMenuMethods.prototype.addChildLine = function() { alert("MyMenuMethods.addChildLine2"); } MyMenuMethods.prototype.editLine = function() { alert("MyMenuMethods.editLine2"); } MyMenuMethods.prototype.delLine = function() { alert("MyMenuMethods.delLine2"); } return new MyMenuMethods(); ・色編集　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　
一段目メニューの文字の色 : #ff0000 一段目背景色 通常時 : #0000e0 一段目ボーダー色 : #000080 一段目背景色 マウスON時 : #0000ff 二段目背景色 通常時 : #0000e0 二段目背景色 マウスON時 : #0000ff 三段目背景色 通常時 : #0000e0 三段目背景色 マウスON時 : #0000ff 下位マークの色 : #00ff00 一段目メニューの文字の色 : #ffffff 一段目背景色 通常時 : #0000e0 一段目ボーダー色 : #000080 一段目背景色 マウスON時 : #0000ff 二段目背景色 通常時 : #0000e0 二段目背景色 マウスON時 : #0000ff 三段目背景色 通常時 : #0000e0 三段目背景色 マウスON時 : #0000ff 下位マークの色 : #ffffff