あにねこ電脳覚書 - サポート掲示板


[記事リスト] [返信する] [新着記事] [過去ログ] [ワード検索] [留意事項] [管理用]

記事No 658
タイトル Re^8: 中心十字アイコンの追加
投稿日 : 2014/10/30(Thu) 09:12:43
投稿者 マーシー
参照先 http://park16.wakwak.com/~marsie/niigata.htm
あにねこさん、おはようございます。

1) http://nanten.sakura.ne.jp/nyanta/js/centercross.js をダウンロードして、同一フォルダに入れる。
<script type="text/javascript" src="centercross.js"></script>を該当箇所に入れる。

2)<div style="float:left;margin-left:5px;"><input id="ccross" type="checkbox" >中心十字マーク</div>  //最所は十字マーク非表示

3) document.getElementById('ccross').onchange = function() {
var obj = new OpenLayers.Control.CenterCross({crosslength: 32, bold: 1});
if (document.getElementById('ccross').checked) {
map.addControl(obj); //十字線を表示
} else {
map.removeControl(obj); //十字線を消去
}
}  //とした場合は、

□非表示 → ■表示 → □表示 → ■表示 となります。

var obj = new OpenLayers.Control.CenterCross({crosslength: 32, bold: 1});  //をif文の外に出すと、

□非表示 → ■表示 → □非表示 → ■非表示 となります。

最初から十字線を表示させると、
■表示 → □非表示 → ■非表示 → □非表示 となります。

onchange でも onclick でも同じでした。これで満足すべきでしょうか?

ヤマトタケルさん、おはようございます。
ホームページ時々拝見しています。デザインがきれいですね。
あにねこさんのご指導力をお借りして、何とかやってみます。

- 関連一覧ツリー (▼ をクリックするとツリーを一括表示します)


- 返信フォーム (この記事に返信する場合は下記フォームから投稿して下さい)
おなまえ
Eメール
タイトル
メッセージ(迷惑な宣伝・広告記事の投稿は禁止します)
参照先
画像UP
暗証キー (英数字で8文字以内)
投稿キー (右画像の数字を入力) 投稿キー


- 投稿記事修正/削除フォーム -
処理 No 暗証キー

- WebForum -