うにぐ

こんにちわ。
うにです。

昨晩は仕事疲れでバタンキューでした（こたつでｗ）
案の定叩き起こされ怒られました＞＜；

24時～29時で記憶がないのでそこらへんで爆睡してたのかと。
ってなわけでRappelz入ってません。

ってか昨晩はちょっと職場でショックな事がありまして・・・
夕方・・・18時過ぎくらいかな？
職場のPC（A4ノート）でいつも通り作業していると・・・

突然ブラックアウト・・・
液晶は微妙に光を放ってはいるんですが、画面は真っ暗・・・
HDDのアクセスランプも消灯している状態。

無駄だとわかりつつも、諦めきれずPCを閉めて一服して戻ってきたら復旧してるかも？

まぁそんな甘くないですね。
超悔しかったですがなくなく強制終了⇒再起動。
午後の仕事内容がリセットされました...orz.....

が!!!!!
起動しない・・・
ってかPOSTすら出ん・・・
ハゥッ...PLNか...
以前から動作も微妙だったんでHDDも逝きかけてるのかも・・・
ってなわけで今HDDバックアップ中です。

ちなみに、PLNとはマザーボードの事です。プランナーと呼びます。
どこぞのメーカーサポセンの用語ですね。隠語ではないかな。
自分が以前働いていたところです。
一部の人は知ってると思います。
そう、“あそこ”です。
“あそこ”は伏字をしても意味ないので公開しませんｗ
ってか公開すんなってか？ｗ

こんな情報知っても意味ないですよね＾＾

今日はRappelzネタはないので・・・
htmlネタにしよっかな。
現在製作中のRappelzスキル表ですが、表示方法に癖がありまして。

まず第一に言っておきたいのが、今回のスキル表は画像集と同様に如何に画面をスクロールさせる事もなく見易く、リンクで表現するまでもなく、同一ページにその内容を表示させるって事を方針としています。

ってなわけでコレをhtmlだけで表現するのは不可能です。
htmlだけでマウスで画面スクロールさせる事もなく表現はできない事もないですが、結局のところページリンクで表示させる事になり、勝手に画面がスクロールされますｗ
インラインフレームを使用して枠内に別ページを呼び出すって事も可能ですが（前回最後の方で言ってたやつ）それだとスキル全部の数のhtmlを書き出さなければなりません。
大変ですよ～ｗｗｗ
今作成しているスキル表のデータ入力も大変ですけどねｗ

公式サイトのスキル一覧？ではFlashを使用してますよね。
ウチはFlashをゼロから作成出来る程知識はないです。。。
ってなわけで、ウチではJavascriptを利用して表現しようと思います。

既に画像集は公開しましたが、アレもJavascriptで表現してます。
フレームページを利用するのはスキル表も同じです。
ただ、htmlは職業毎に１つのみです。
画像集に関しては各アイテムのアイコン画像の上にカーソルを合わせると、指定された場所にそのアイコン画像と結びつけた別の画像が表示されます。
コレと同様にスキル説明文を画像化して表示させ、更に別のscriptを使用し別途用意するtextDataから情報を読み取りTable化する。ってのも可能かもしれません。
まだ試してはいないんですが・・・
けどコレを実現させるとなると、いざスキル説明分が変わった際は再度画像化させなければいけませんよね。。。ちょっちめんどいですｗ

ちょっと前にスキル表のサンプルサイトを公開しました。
アレではtextDataからTableを生成するという動きでのみScriptを使用しています。
スキルアイコンにカーソルを合わせると指定された場所にTableが生成されているわけですが、これと同時に説明文をテキスト表示させるってのも可能なんです。

ただ、これはinnerTextというプロパティを使用するんですが、一部のブラウザでは表示できないんです。
innerText自体は各GMS SKINにも使っています。
[MEMBER][ALL][JOIN]等のメニューにカーソルを合わせると直下に簡単な説明が表示されるってやつです。（アレは説明ってより英語を日本語に直してるってだけですがｗｗｗ）

innerTextを利用するとなると入口ページに注意書きしないとならんのよね。。。

「当サイトのコンテンツ“スキル表”ではinnerTextでの表現方法を使用している為、一部のブラウザではスキル説明が表示されない場合があります。（IEでは表示される事確認済み）」

↑こんな感じですかね。

さて、ここまで読んでも何言ってるんだかよくわからないって思うと思います。
なのでここからは実際に動かして説明してみます。
画像表示は外部ファイルとの連携があるのでここではinnerTextだけ説明します。

まずは下のリンクにマウスカーソルを合わせてみて下さい。

ちゃんと表示されましたか？
表示されない場合はブラウザをIEにしてやってみてください。

↑ではこのように書いてます。

<a href="" target="_blank" onmouseover="menu1.innerText='リンクからカーソルを離すと消えます'" onmouseout="menu1.innerText=''">ここにマウスカーソルを合わせてみて下さい</a>
<font color="#000" id="menu1"> </font>

上の例ではリンクからマウスカーソルを放すとテキストは消えますが残す、もしくは別のテキストに切り替える事も可能です。

下に書いてみます。

ちゃんと表示されましたか？
表示されない場合はブラウザをIEにしてやってみてください。

↑ではこのように書いてます。

<a href="" target="_blank" onmouseover="menu2.innerText='リンクからカーソルを離すと消えます'" onmouseout="menu2.innerText='別の文章が表示されましたか？'">ここにマウスカーソルを合わせてみて下さい</a>
<font color="#000" id="menu2"> </font>

こんな感じです。

onmouseover
これはマウスカーソルを合わせると次のプロパティの動作をします。

onmouseout
これはマウスカーソルを離すと次のプロパティの動作をします。

今日の日記はHPを書く人には有用な情報ではないかと思います。
HP書かない人にはどうでもいい事ですね。。。

ウチではMMOネタがない時はhtml/css/javascript、そして面白い物があればFlashのことも書いてます＾＾

まぁうにぐはHP[海栗海胆雲丹]の更新履歴も兼ねてるんで＾＾

(=ﾟωﾟ)ﾉｼﾞｬ､ﾏﾀ!!

------
ps.innerTextの他に類似でinnerHtmlってのもあるんですが、時間があったら説明文追記します。