ゆうべニュースで福田首相と小沢民主党代表による党首討論を少し見て、気分が悪くなった。
総理はボヤキと嘆きと恨み辛みばかりで、実にみっともない。小沢一郎代表はあいかわらず権力の座に就きたい魂胆丸見えマキャベリスト。
自民はどうにも仕様がない族集団、民主はさらに性質の悪い餓鬼集団、しばらくニュースは見るまい。
さて。プラスとマイナス、
とか 
で開閉するスクリプトのメモ（何を今さら）。
このスクリプト（タグ）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>expand, collapse</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=キー"></script>
<style type="text/css">
body {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
}
img {
border: 0;
}
</style>
</head>
<body onunload="GUnload()">
<form action="#"><p>
A: 日本の関係機関など<input type="checkbox" id="Abox" name="Abox" onclick="boxclick(this,'A')" onkeypress="boxclick(this,'A')" />
B: 観光スポットなど<input type="checkbox" id="Bbox" name="Bbox" onclick="boxclick(this,'B')" onkeypress="boxclick(this,'B')" />
index: <a href="javascript:doMenu('side_bar');" id="sp-side_bar"><img src="http://japonyol.net/editor/img/collapse.gif" name="collapse" width="11" height="11" alt="" /></a>
</p></form>
<table summary="mesa">
<tr>
<td valign="top"><div id="map" style="width: 400px; height: 280px; border: 1px solid gray; margin-right: 6px;">Loading...</div></td>
<td valign="top">
<div id="side_bar" style="display: none; overflow:auto; width:156px; height:280px; line-height: 2;">Loading...</div>
</td>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[
function doMenu(item) {
obj=document.getElementById(item);
col=document.getElementById("sp-" + item);
if (obj.style.display=="none") {
obj.style.display="block"; col.innerHTML="<img src='http://japonyol.net/editor/expand.gif' name='expand' width='11' height='11' alt='' />"; } else {
obj.style.display="none"; col.innerHTML="<img src='http://japonyol.net/editor/collapse.gif' name='collapse' width='11' height='11' alt='' />"; }
// 前の画像はローカルに保存されたし
}
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var gmarkers = [];
var gicons = [];
gicons["A"] = new GIcon(G_DEFAULT_ICON,"http://www.google.com/mapfiles/markerA.png");
gicons["B"] = new GIcon(G_DEFAULT_ICON,"http://www.google.com/mapfiles/markerB.png");
function createMarker(point,name,html,category) {
var marker = new GMarker(point,gicons[category]);
marker.mycategory = category;
marker.myname = name;
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers.push(marker);
return marker;
}
function show(category) {
for (var i=0; i<gmarkers.length; i++) {
if (gmarkers[i].mycategory == category) {
gmarkers[i].show();
}
}
document.getElementById(category+"box").checked = true;
}
function hide(category) {
for (var i=0; i<gmarkers.length; i++) {
if (gmarkers[i].mycategory == category) {
gmarkers[i].hide();
}
}
document.getElementById(category+"box").checked = false;
map.closeInfoWindow();
}
function boxclick(box,category) {
if (box.checked) {
show(category);
} else {
hide(category);
}
makeSidebar();
}
function myclick(i) {
GEvent.trigger(gmarkers[i],"click");
}
function makeSidebar() {
var html = "";
for (var i=0; i<gmarkers.length; i++) {
if (!gmarkers[i].isHidden()) {
html += '<a href="javascript:myclick(' + i + ')">' + gmarkers[i].myname + '<\/a><br>';
}
}
document.getElementById("side_bar").innerHTML = html;
}
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl(true));
map.setCenter(new GLatLng(-33.425317, -70.625), 12);
map.enableScrollWheelZoom();
GDownloadUrl("http://japonyol.net/chile/test.xml", function(doc) {
var xmlDoc = GXml.parse(doc);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var description = markers[i].getAttribute("description");
var name = markers[i].getAttribute("name");
var html = "<strong>"+name+"<\/strong><br>"+description+"";
var category = markers[i].getAttribute("category");
var marker = createMarker(point,name,html,category);
map.addOverlay(marker);
}
show("A");
hide("B");
makeSidebar();
});
}
//]]>
</script>
</body>
</html>
※Google Maps API は v2.107 までリリースされているけれど、最近 Internet Explorer でおかしい。Default (v=2)なら大丈夫だけれど、Current (v=2.x) や Stable (v=2.s) でマップが表示できないことがある。
ところで、久しく見てなかった解析をしげしげ。ここ１か月分のデータ。
Internet Explorer って、まだまだ強いんだね。私はキツネ派（だから API が IE でトラブっても私は気づかない）：
ひとむかし前のブログは記事欄の幅が狭いのが多かった。しかし、現在1024ピクセル以下というモニタを誰も使ってないということは、もっとブログのレイアウト幅を広げてもよいということか：
Analytics のグラフ、見やすくなったんだか見づらくなったんだか？ ベンチマークはほとんど意味がない（少なくともこのブログでは）。アクセスは伸び悩み：
コメントする
（トラックバックは受け付けていません。）