Panoramio の貼り付けコードを作成するWEBサービスと、それを呼び出す IE 拡張

<script
	type="text/javascript"
	src="http://www.panoramio.com/wapi/wapi.js?v=1&hl=ja_JP.utf8"
></script>

『文字の繰り返しを表す正規表現演算子が不正です』というエラーが出る場合は、wapi.js を
ページの他のスクリプトより前に記述する必要があるようです。
高確率で出ているので、最初のスクリプト要素としてページに貼り付ける必要があります



上記スクリプトのインストールは、ダウンロードしてエクスプローラからダブル
クリックでインストールされます。

IE 拡張をインストールした後、いったん全ての IE を終了して Panoramio のページ
へ移動して、以下の赤い場所で右クリックして『Panoramio 取得』を実行して下さい。
( アンインストールは、CTRL と SHIFT を押しながら実行 )




実行すると、IE が起動されて以下のページへと移動します。
http://toolbox.winofsql.jp/panoramio.php



※ このページでユーザーID と Photo ID を入力してもかまいません。
※ プレビューでコードのテストが可能です。

▼ 貼り付けサンプル

貼り付けコード取得

JS : 自分用名前空間を使ってページのロードイベントを登録

IE8 までは、attachEvent しかありませんでしたが、IE9 では
addEventListener が使えるのでこんな感じでいいかと思います

window['文字列'] は、
var 文字列 と同等です。その中に {} でオブジェクトを作成して onload
プロパティを定義しています。中身は function で無名関数を登録です。

※ 使用時は、lightbox.onload で参照しています

<script type="text/javascript">
window['lightbox'] = { onload: function() {
		alert('ロードされました');
	}
};

if ( window.addEventListener ) {
	window.addEventListener('load', lightbox.onload, false);
}
else {
	window.attachEvent('onload', lightbox.onload);
}
</script>

Excel 2007 : 標準のフォントの変更

列番号や行番号などの Excel 標準のフォントを変更します

各ブラウザの現在の「document.charset」と「document.characterSet」

ブラウザ	document.charset	document.characterSet
IE6	euc-jp	undefined
IE8	euc-jp	undefined
IE9	euc-jp	euc-jp
Firefox 8	undefined	EUC-JP
Opera 11.52	euc-jp	euc-jp
Chrome 15	EUC-JP	EUC-JP
Sasfari 5.1.1	EUC-JP	EUC-JP

昔から、Opera は IE ライクですが、Chrome と Safari が同じなのは「おっ」と
思いましたが、大文字小文字の違いは何なんだろうと思います。そんな中、Firefox
は独自路線です。

HTML5 では一番解りやすいブラウザ(Firefox)なんで期待しています。

Object.prototype が window オブジェクトに適用されるおはなし

このコードが IE9 で動きました。IE以外では全部動いてます。

<script type="text/javascript">
Object.prototype.myVersion = "lightbox 1.1"
Object.prototype.log = function(str){try{console.log(str)}catch(e){}}

window.log(window.myVersion);
window.log("おーーい");
</script>

Google Books API で本を読むコンテンツを埋め込むコード

コードはいたって簡単で、ブログの個別ページに全て埋め込んで利用できます。ここで、XbXdKx1EMfIC は、Google が管理している ID で、左上の書籍の小さな画像を右クリックすると URL の中に含まれています。

ユニークになるはずなのでそのまま DIV の ID として利用しています。

<div id="XbXdKx1EMfIC" style="width: 600px; height: 750px"></div> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("books", "0", {"language": "ja"}); 
google.setOnLoadCallback(function () {
	var viewer = new google.books.DefaultViewer(document.getElementById('XbXdKx1EMfIC'));
	viewer.load('XbXdKx1EMfIC');
});
</script>

書籍は、「目次」でインデックスページに Jump しますが、てのひらカーソルでページをドラッグして上下に動かし、いわゆるリンク時に表示される人さし指の立ったカーソルでクリックするそのページへ Jump します。

API で、直接任意のページへ移動する事も可能です。
数値を入力

Developer's Guide - Embedded Viewer API - Google Code