memo.xight.org

Home > Changelogメモ > 2003-11 > 2003-11-05 > あれこれポップアップ

2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12
2002 : 01 02 03 04 05 06 07 08 09 10 11 12

2003-11-05

あれこれポップアップ

- Summary
ウェブページ (HTML) にて，マウスポインタの下にある任意の箇所 (要素) の情報 (属性値)
あれこれをポップアップに出すJavaScript と CSS のセット．

- 設置方法

<head>
	<link href="ArekorePopup/ArekorePopup.css" rel="stylesheet" type="text/css">
	<script src="ArekorePopup/ArekorePopup.js" type="text/javascript"></script>
</head>

- 画像のaltをポップアップ
ArekorePopup.js を編集

this.attrs = ['ap:banner', 'title', 'href', 'cite', 'datetime', 'alt'];
this.requiredAttr = { 'a' : 'title' , 'img' : 'alt' ,'abbr' : 'title' };

- title属性の色の変更
  titleクラスのcolorを変更する．

- Reference
  あれこれポップアップ
  http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html

- via
  Driftkingdom - Drift Diary - 2003-10-21 - Development Diary : あれこれポップアップを組み込んでみました。
  http://drikin.com/