JavescriptでCSSを切り替える方法をAllAboutで発見！
今の所使う予定は無いが今後は必要になるかもしれなのでメモ
Java Script: 2007年8月アーカイブ
小粋空間でGoogleMapのHTML を valid にするスクリプトを公開。
１．埋め込み HTML の利用方法
埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします。
リンクをクリックすると、HTMLコードがすぐ下に表示されます（下）ので、
「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、
<iframe width="425" height="350" ～
のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。
２．問題点
埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHTML1.1 では廃止されていることと、以下に示す問題のため、この HTML をブログに埋め込むと not Valid になる可能性があります。
& が実体参照（&）されていない
br 要素の"/"の前に空白がない
GooleMapを削除しました
bodyの下に以下を記述
<SCRIPT language="JavaScript"><!--
mx = new Array();
my = new Array();
count = 4;
step = 2;
mvcnt = 0;
for (i=1; i<=count; i++) { mx[i] = -100; my[i] = -100; }
function trail()
{
mvcnt++;
mvcnt %= step;
if (mvcnt) return;
mx[count] = event.x;
my[count] = event.y;
for (i=1; i<=count; i++)
{
mx[i-1] = mx[i];
my[i-1] = my[i];
document.all["ms"+i].style.left= mx[i-1];
document.all["ms"+i].style.top = my[i-1];
}
}
document.onmousemove = trail;
// --></SCRIPT>
<DIV id="ms1" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
<DIV id="ms2" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
<DIV id="ms3" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
<DIV id="ms4" style="position:absolute;"><IMG src="画像ファイル名又は画像URL"></DIV>
最近人気の別ウィンドウAjaxです。
いろんな種類がありますね。
Lightbox.js のような写真のスライドショーするライブラリ沢山
mootools用のスライドコンテンツ作成JavaScript （Smoothbox）
このAjaxは最近増えてきますね。
数日前にyahooフォトでも使ってるのを見ました。
確かに使い勝手がいいので、これから増々利用者あは増えていくでしょう。
どうもバージョンアップしたいみたいです。
