PS-08のソースを作り変えた

『Sakuraの勉強室』に掲載してあるソースがブラウザによって動作しないことがあります。私の場合ある日突然動作しなくなりました。調べてみるとInternetExplorerがいつのまにかバージョン10になっていました。どうも自動的にアップデートされたようです。別のパソコンでは動作します。こちらのバージョンは9でした。そこでぼちぼちとソースの作り変えをしています。
今回は「PS-8」を作り変えました。枚数も10枚に減らしています。サムネール画像のクリックで変わりますが、オンマウスオーバーに変更してみました。クリックの場合はソースの onmouseover を onclick に変えるだけです。
なお PS-18 は改修済です。6月24日をご覧下し。
テストに使用した画像は使いまわしです。
コメント1


<table border="0" style="background-color:#ddffbc;"><tbody><tr><td></td><td
align="center"></td><td align="center"></td></tr><tr><td
style="align:center;"><img id="wak8pn" border-width:4px;border-style:double;border-color:#7cfc00;
width="520" height="390"src="画像1URL" border="0"></td><td
align="center"><table><tbody><tr><tr><td
style="border-collapse:collapse;border:2px solid #7cfc00;background-color:#e0ffff;"><div><img
src="画像1URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント1';"></div><div><img
src="画像2URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント2';"></div><div><img
src="画像3URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント3';"></div><div><img
src="画像4URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント4';"></div><div><img
src="画像5URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント5';"></div></td></tr></tbody></table></td><td
align="center"><div><table><tbody><tr></tr><tr><td
style="border-collapse:collapse;border:2px solid #7cfc00;background-color:#e0ffff;"><div><img
src="画像6URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント6';"></div><div><img
src="画像7URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント7';"></div><div><img
src="画像8URL" width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント8';"></div><div><img
src="画像9URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント9';"></div><div><img
src="画像10URL"width="50"height="30"vspace="6"onmouseover="wak8pn.src=this.src;bun8pn.innerText='コメント10';"></div></td></tr></tbody></table></div></td></tr><tr><td
align="center" valign="middle" style="border-collapse:collapse;border:2px
solid #7cfc00;background-color:#ffffff;height:40px;" height="35"><span
id="bun8pn"style="font-size:16px;font-face:MS ゴシック;font-weight:bold;color:#0000ff;">コメント1</span></td><td></td><td
height="30"></td></tr><tr><td height="10"></td><td></td><td
height="10"></td></tr></tbody></table>

ここでは画像用とコメント用に2つのidを使っています。画像用が waki8pn コメント用が bun8pn です。
同じページでこのソースを複数使いますと動作しません。id はその都度変更するほうが無難です。



スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

ja6ei

Author:ja6ei
FC2ブログへようこそ!

カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
最近の記事
最近のコメント
最近のトラックバック
月別アーカイブ
カテゴリー
ブロとも申請フォーム

この人とブロともになる

リンク
ブログ内検索
RSSフィード