2005-03-03 Thu
Drag & Drop for Images and Layers
- Summary
画像をマウスで動かすことが可能．
Shift を押しながら画像をドラッグするとサイズ変更可能．
- Reference
JavaScript: DHTML Library, Drag & Drop for Images and Layers
http://www.walterzorn.com/dragdrop/dragdrop_e.htm
Drag&Drop for Images and Layers: Interface of the JavaScript Library
http://www.walterzorn.com/dragdrop/api_e.htm
- via
cl.pocari.org - 2005-03-02
http://cl.pocari.org/2005-03-02.html#2005-03-02-13
2004-09-09 Thu
JavaScript によるツールチップ
- Summary
画像なども張りこめる．
- Reference
DHTML JavaScript Tooltips
http://www.walterzorn.com/tooltip/tooltip_e.htm
2004-09-06 Mon
カーソルを合わせると行の色が変わるテーブル
- pya! の投稿者一覧 のようなテーブルが作りたい．
<tr>タグに onmouseover属性と onmouseout 属性を付加する．
横長の表の時に有効．
<table> <tr> <th> </th><th>1列目</th><th>2列目</th><th>3列目</th><th>4列目</th><th>5列目</th><th>6列目</th> </tr> <tr onmouseover="this.style.backgroundColor='#cccccc'" onmouseout="this.style.backgroundColor='#ffffff'"> <th>1行目</th><td>1-1</td><td>1-2</td><td>1-3</td><td>1-4</td><td>1-5</td><td>1-6</td> </tr> <tr onmouseover="this.style.backgroundColor='#cccccc'" onmouseout="this.style.backgroundColor='#ffffff'"> <th>2行目</th><td>2-1</td><td>2-2</td><td>2-3</td><td>2-4</td><td>2-5</td><td>2-6</td> </tr> <tr onmouseover="this.style.backgroundColor='#cccccc'" onmouseout="this.style.backgroundColor='#ffffff'"> <th>3行目</th><td>3-1</td><td>3-2</td><td>3-3</td><td>3-4</td><td>3-5</td><td>3-6</td> </tr> </table>
| 1列目 | 2列目 | 3列目 | 4列目 | 5列目 | 6列目 | |
|---|---|---|---|---|---|---|
| 1行目 | 1-1 | 1-2 | 1-3 | 1-4 | 1-5 | 1-6 |
| 2行目 | 2-1 | 2-2 | 2-3 | 2-4 | 2-5 | 2-6 |
| 3行目 | 3-1 | 3-2 | 3-3 | 3-4 | 3-5 | 3-6 |
- Reference
MSDN Japan - MSDN Library - Dynamic HTML - onmouseover
http://www.microsoft.com/japan/msdn/library/ja/jpisdk/dhtml/references/events/onmouseover.asp
MSDN Japan - MSDN Library - Dynamic HTML - onmouseout
http://www.microsoft.com/japan/msdn/library/ja/jpisdk/dhtml/references/events/onmouseout.asp
pya! - 投稿者一覧
http://pya.cc/tourank2.php
2003-12-09 Tue
WebFX
- Summary
Dynamic HTMLを利用して面白いことをしている．
- Todo Desktop Item - デスクトップでToDo管理
http://webfx.eae.net/tools/todo/todo.html
上の方にマウスカーソルを持っていくと，バーが現れてEditを選択．AddでToDoが追加できる．
| Ctrl + B | 太字 |
| Ctrl + U | 下線 |
| Shift + Enter | 改行 |
| Enter | 改段落 |
Active Desktop にして使ってみたけど，なかなかGood!
Skin は メモが動かせる QNX (Movable) がよさげ．
ちょっとしたメモによさそう．
- TaskPlayer
http://webfx.eae.net/tools/taskplayer/webpage.html
ツールバーにMedia Playerの簡易版を追加
うまく動かない…
- Reference
WebFX - What you never thought possible!
http://webfx.eae.net/
