閲覧画面のカスタマイズ詳細
著者: 森 洋久 / joshua＠globalbase.org ※ 中島 智人 / nakajima＠zeta.co.jp / 株式会社ゼータ ※* 概要
* この作業の前提となるシステム用件
* [1] デバッグ用コントロールの削除
* [2] デバッグ用のログ出力エリアの削除
* [3] 編集対象選択コンボボックスの削除
* [4] コントロールボタンの削除
* [5] ８方向移動ボタンの削除
概要
main.html,edit/main.htmlを編集することにより、ブラウザのユーザ操作画面をカスタマイズすることができます。▲ページトップへ戻る
この作業の前提となるシステム用件
LOCALBASEのセットアップされ、編集機能がセットアップされたサーバがあり、その編集画面へWWWブラウザで接続出来ること。▲ページトップへ戻る
[1] デバッグ用コントロールの削除
body要素内の以下の記述を削除する事で、画面上部デバッグ用のボタン類を削る事が出来ます。<hr>FOR DEBUG: <input type="button" onClick="this.value=switchTrace(this)?'trace on':'trace off'" value="debug trace on/off switch"> <hr> <input type="button" onClick="onUpdateButton()" value="connect/update">
▲ページトップへ戻る
[2] デバッグ用のログ出力エリアの削除
デバッグ用のログ出力エリアを削除するには以下の行を削除します。<iframe id="debugFrame" style="width:100%;height:400"> </iframe>
▲ページトップへ戻る
[3] 編集対象選択コンボボックスの削除
編集対象のvctファイルを選択するコンボボックスを削除するには、以下の要素を削除します。<div style="display:inline" id="editableVctSelect1"></div>
▲ページトップへ戻る
[4] コントロールボタンの削除
以下のテーブル要素は画面上部の拡大・縮小・操作モード変更・通信状態を表示する為のものです。このテーブルを削除すると、画面上部コントロールボタンを削除できます。 各ボタンのレイアウトを変える場合は、対応するinputタグを移動します。
<table>
<tr>
<th style="padding:3">
拡大
<input type="button" onClick="onZoomButton(2,this)" value="x2">
<input type="button" onClick="onZoomButton(5,this)" value="x5">
<input type="button" onClick="onZoomButton(10,this)" value="x10">
</th>
<th>
縮小
<input type="button" onClick="onZoomButton(0.5,this)" value="1/2">
<input type="button" onClick="onZoomButton(0.2,this)" value="1/5">
<input type="button" onClick="onZoomButton(0.1,this)" value="1/10">
</th>
<th>
モード
<input type="button" id="moveModeBtn" onClick="onSetMode('rss',this)" value="移動" style="color:#ff0000">
<input type="button" onClick="onSetMode('info2',this)" value="情報取得">
</th>
<th style="width:200;text-align:left">
状態:<span id="status1" >待機</span>
</th>
</tr>
</table>
▲ページトップへ戻る
[5] ８方向移動ボタンの削除
地図上左上の８方向移動ボタンを削除するには以下の記述を削除します。<div id="xpanel1" class="xpanel_style"></div>
▲ページトップへ戻る
|
