最近、残業が多くて何処かに逃避行したいと思っているサルです。
誰か物理概念を飛び越えてディスプレイに入れる装置でも造らないものかね…。
プログラム組んでる時はまだマシですが、テスト→修正→テスト→修正の繰り返しだと生きてる気がしないです。
そんなわけで、その息抜きに Javascriptで動作するツールチップなんかを作ってみんとす。
サンプルはこちらまぁ他所様のサンプルソースを
いじくり回して独自にアレンジして作った代物ですけど。
「
prototype.js」だとか「
jQuery」とか使ったサンプルもありますが、なんかいちいち入れるのめんどうなのであんまり好きじゃないです。
カコイイのが簡単に作れるってのはいいんですけどね。
とりあえず、
詳しくはソースを見てね! と言いたいところですが、簡単に説明をば。
- - - - - -
ツールチップ内の文字はソース内の好きな所に
<span id="id名">説明</span>
と書いといてください。
この時 spanタグの id名はリンクタグの title名と同じにしてください。
<a title="id名">表示</a>
あとは bodyタグに「onload="tooltips()"」 と入れればOK。
以上。
- - - - - -
ね? 簡単でしょう?
一応 IE6、Firefox3、Google Chrome で動作確認してみました。
他はシラネ。しかし、コレ作ってて改めて IE はわがままな子だなぁとつくづく思いました。
あとは好きに使ってやってください。
* * * 今日読んでみた記事 * * *
@
「貧乏ゆすり」で脳の集中力を高める装置:明和電機と面白法人カヤック [WIRED VISION]貧乏ゆすりって脳を集中させるための行為だったのか…。
@
21世紀で最長の観測可能:『トカラ皆既日食観測ツアー』 近畿日本ツーリスト [WIRED VISION]非常にワクテカなのですが、
晴れなきゃ元も子もないよね。@
ブログには無い、HTMLサイトの3つのメリット [builder by ZDNet Japan]というわけで、
当サイトはすべて手作りで成り立っております。Xoops、OpenPNE、symphony、CodeIgniterと仕事柄いろいろやらされましたが、フレームワークってめんどいよね! というのが結論。
自分で作るのが一番めんどいんだけどな!('A`)
@
Javascript Super Mario Bros + Complete Level 1 and 2 + Map Editor [By Guillermo Bruchmann]何というマリオwwwwww
ほんま Javascript はそこの見えない言語やで…。
でもまぁ
IE でやるとバグるようですが。
Firefox 推奨ですね。