GAE/J とか JavaScript とか Blogger の仕様のこととか。プログラム関連の備忘録のつもりで始めたんですが…。
<script type="text/javascript">
<!--
function getGMTDate(s) {
var d = new Date(s);
var h = d.getUTCHours();
var a;
if (h > 11) {
a = "PM";
h -= 12;
} else {
a = "AM";
}
if (h == 0) {
h = 12;
}
return getDecimalNumber(d.getUTCMonth() + 1) + "/" + getDecimalNumber(d.getUTCDate()) + "/" + d.getUTCFullYear() + " " + getDecimalNumber(h) + ":" + getDecimalNumber(d.getUTCMinutes()) + ":" + getDecimalNumber(d.getUTCSeconds()) + " " + a;
}
function getDecimalNumber(n) {
if (n >= 0 && n < 10) {
return "0" + n;
} else {
return "" + n;
}
}
function changeDate() {
var raw = document.getElementById("datechangerin").value;
var rslt = raw.replace(/^DATE: (.*)$/gm, function(a, b) {return "DATE: " + getGMTDate(b);});
document.getElementById("datechangerout").value = rslt;
}
function selectResult() {
document.getElementById('datechangerout').select();
}
//-->
</script>
<form action="" onsubmit="changeDate();return false;">
<textarea id="datechangerin" name="" rows="10" cols="30"></textarea>
<input type="submit" value="変換" />
<textarea id="datechangerout" name="" rows="10" cols="30" readonly="readonly"></textarea>
<input type="button" onclick="selectResult();" value="全選択" />
</form>
何かの参考になれば幸い。
あと郵便番号までわかったら最高なんですけどね・・・。という一言に、勝手に触発されて作ってみたのが上のマップ。
<input id="searchTextField" type="text" size="50" />
<div id='map' style='width:600px; height:600px;'><br></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
<script type='text/javascript'><!--
var ad = "";
var ll = "";
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 12,
center: new google.maps.LatLng(35.689479,139.691778),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
google.maps.event.addListener(map, 'click', function(mouseEvent) {
getAddress(mouseEvent.latLng);
});
var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({map: map});
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (place.geometry) {
if (place.geometry.viewport) {
infowindow.close();
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
}
}
});
function getAddress(latlng) {
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
latLng: latlng
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[0].geometry) {
ad = results[0].formatted_address.replace(/^日本, /, '');
var ad2;
if (ad.match(/^([^０-９]+)/)) {
ad2 = RegExp.$1;
}
ll = latlng;
var s = document.createElement("script");
s.charset = "utf-8";
s.src = 'http://api.postalcode.jp/v1/zipsearch?word=' + encodeURIComponent(ad2) + '&callback=showPostalCode';
s.charset = 'utf-8';
document.body.appendChild(s);
}
} else {
alert(status);
}
});
}
function showPostalCode(data) {
var l = ll.toUrlValue();
var p = formatCode(data.zipcode.a1.zipcode);
marker.setPosition(ll);
infowindow.setContent(((p)? "<span style=\"color:red;\">" + p + "</span><br />": "") + ad + "<br />" + "<a style=\"color:green;\" href=\"https://maps.google.co.jp/maps?q=" + l + "\" target=\"_blank\">" + l + "</a>");
infowindow.open(map, marker);
}
function formatCode(c) {
return (c.match(/(\d{3})(\d{4})/))? "〒" + RegExp.$1 + "-" + RegExp.$2: "";
}
//-->
</script>
とりあえず、Firefox と Chrome では動作を確認。IE は知らない。script タグをドキュメント末尾に追加するようにして、その src に最初の URL を指定することにした。
<script type='text/javascript'>
var hostName = location.hostname;
if (!hostName.match(/blogspot\.com$/) && hostName.match(/blogspot\.[^.]+$/)) {
location.href = "http://" + location.host.replace(/blogspot\.[^.]+/, "blogspot.com") + "/ncr" + location.pathname + location.search + location.hash;
}
</script>
innerText が undefined になるのが問題だったよう。IE はともかく、Firefox だけ無理というものがあるとは知らなかった。textContent を使うのがいいらしい。でも textContent にすると、今度は IE で動かなくなるようで…。
判定が面倒な場合は、このエントリにあるとおり、innerHTML で代用するのがいいのかも。
<script type="text/javascript"> var color = "FF0000"; </script> <script type="text/javascript" src="check.js"></script>っていう風に呼び出される check.js の中で、呼び出し元で色が指定されていたらその色を、指定されていなかったらデフォルトの青色を使う、みたいなことをしたい場合には、
| No | タイトル | URL |
|---|---|---|
| 1 | クリボウの Blogger Tips | http://www.kuribo.info/ |
| 2 | クリボウの写真日記 | http://kuribo-photo.blogspot.com/ |
| 3 | クリボウのプログラミングひとりごと | http://kuribo-programming.blogspot.com/ |
| 4 | Japanese Bloggers Info | http://japanese-bloggers.appspot.com/ |
$(function() {
$("#myTable").tablesorter();
});
とするだけ。
var thumbs = new Array(blogurls.length);
function preload() {
for (var i = 0; i < blogurls.length; i++) {
thumbs[i] = new Image();
thumbs[i].src = "http://capture.heartrails.com/medium?" + blogurls[i];
}
}
if (window.addEventListener) {
window.addEventListener("load", preload, false);
} else if (window.attachEvent) {
window.attachEvent("onload", preload);
} else {
window.onload = preload;
}
