すごーく大変そうなお願いです。
-
0 名前: 008 : 2005/08/19 00:24 [URL]
- タイトルがおかしくてすみません。簡潔に説明するタイトルを考えられなか
ったので。
お願いの内容なんですが、
http://008-01.com/zero_zero_eight/0rink/kaisya/denki.html
http://008-01.com/yyy/a02.html
以上のリンク先の2つの機能を合体させて、尚且つリンクメニューの階層を
追加したいんです。
1.濃い青のバーがひとつ上の階層でそれをクリックして水色のバーが開く
ような形です。機能的には水色のバーをクリックした時のような感じでクリ
ックで開閉して、他のバーをクリックすると他のリンクが閉じると言うよう
な感じです。
2.最下層のテキストリンクにマウスを乗せると説明ウィンドウが開きます
。バーに乗せた時も説明ウィンドウが開いたらもっといいです。
3.バーにマウスを乗せた時にバーの色が変わったらもっといいです。
二つの参照スクリプトは小技集サイト様の物を編集しています。階層追加の
お願いについては配布サイトの掲示板にも数日前からお願いしています。
質問の域を出た欲張りなお願いなのですがどうかどうかよろしくお願いいた
します!
-
1 名前: m035 : 2005/08/19 00:24 [URL]
- http://www.geocities.jp/ram0kb/ans/popup.html
に作っといたのでどうぞ。
ただし、メニューのゲームの最初の3項目しかポップアップとバーの色変更機能はつけてません。
ソースを見て、自分で他の項目は変更してください。
-
2 名前: 008 : 2005/08/19 00:24 [URL]
- ありがとうございます!!リンク先の説明が表示されてとてもいい感じです!
でもなんですが、私の説明が下手で良く解って頂けなかったんだと思うのですが、
テキストリンクのバックは色が変わらなくてそのままで良かったんです。一応黒
色に設定されているところを白色にしたら変わらなくなるようなんですが。
バーと言うのは「ゲーム」とか「トイ・ホビー」などの色が付いたバーのことで
それが一番上の「電気製品」のバーの色の様にマウスを乗せると変わるといいな
あと思ったんです。
それとこの作って頂いた状態だとテキストの上にマウスを乗せていなくても説明
ウィンドウが開いてしまいます。多分これはテキストリンクのバックの色を変え
るように何か設定されているので生じている現象なんだと思っています。テキス
トにマウスを乗せた時にのみ説明ウィンドウが開くというのが希望なんです。今
の状態だとテキストの横の空白部分にマウスがある時も説明ウィンドウが開いて
しまい、マウスを上下に動かすと説明ウィンドウを開いて閉じて開いて閉じてと
なってしまい自分が今何をさしているのかが解り難くなってしまっています。
あともう一つちょっと思ったのですが、説明ウィンドウの説明文を設定するのに
infval[1] = を 1 〜・・・と指定していくと思うのですが、これは普通の数字し
か指定できないんでしょうか?ちょっと試しにa01とかにしてみたのですがエラー
になるようです。今後リンク先が増えたり順番を入れ替えたりした時にこの数字が
1 からの連番だとあとあと大変になると思うのでa01とかb18とか言う風に設定で
きたらいいなあと思います。
それと説明ウィンドウなんですが開く位置がポインタの下側の方が見やすいかなと
思ったので、スクリプトのoff_top = 0;で−10とかにしてみたのですがこの設定
では下側に設定できないようです。これをどうにか説明ウィンドウがポインタの真
下に開くように出来たらいいなと思います。
ご好意で教えていただいているのに駄目だしをしているみたいで本当に申し訳あり
ません。失礼の無いように気をつけて文章を書いているのですが、基本的に文章力
に自信がないのでもし気を悪くされたらごめんなさい。
最近やっと簡単なHTMLなら一から作れるようになったのですが、やっぱりスク
リプトの部分は私には全く解らないので引き続きわがままを聞いていただけたらう
れしいです。
m035さんにはファイルをアップロードまでしていただいて本当に感謝しています。
階層の追加も実現出来たらなと思っていますので引き続きよろしくお願いいたします。
-
3 名前: m035 : 2005/08/19 00:24 [URL]
- http://www.geocities.jp/ram0kb/ans/popup2.htm
要望どおりになっていなければまたどうぞ。
ちなみにa01、a02などから配列を呼びだれるようにするには
infval['a01']="lay,a01,200,50,#00356a,#80bfff,#A5E5FF";
infval['a02']="lay,a02,200,50,#00356a,#80bfff,#A5E5FF";
infval['a03']="lay,a03,200,50,#00356a,#80bfff,#A5E5FF";
のように
配列名['文字列']="値";
と宣言し、
配列名['文字列'];
で呼び出すことが出来ます。
http://www.site-cooler.com/kwl/javascript/5.htm
の連想配列と言うところを見れば分かります。
これで
onMouseover="open_set('a01')" onMouseout="open_set()"
を<a href="URL">に追加すれば完了です。
今まではopen_set(数字)だったところをopen_set('文字列')にすれば対応した説明文が出るはずです。
例によってメニューのゲームの最初の3項目しかポップアップはつけてません。
ただし、バーの部分は現在開いているバーに色が付くようにしておきました。
それと、背景が黒になったり、リンクのところ意外でも説明が出るようになっていたところは直しておきました。
私の勘違いだったようですね。
-
4 名前: 008 : 2005/08/19 00:24 [URL]
- m035さん!お返事ありがとうございます!!
再びファイルのアップロードありがとうございます!
最初参考にアップロードしていたファイルのタグは無駄な改行があったり
していたので、今回アップロードして頂いたファイルの改行を削除した版
をアップロードしました。
http://008-01.com/yyy/rink2.html
で、アップロードして頂いたファイルを確認させていただいたのですが、
勝手なことを言って申し訳ないんですが少し不具合があるようです。メニ
ューをクリックしてリンクメニューを開くと変になります。テーブルが重
なったような感じです。動作は問題ないのですが。症状的には動作するメ
ニュー部分の全てのメニューが最初のクリックで大きなテーブルでくくら
れてしまうといった感じです。
開いているメニューのバーの色が変わるのはいい感じです。
ありがとうございます。
説明ウィンドウの開く設定もテキストに乗った時だけ開くようになってう
れしいです。でもまだ希望を言うとポインタが指になるのはテキストに乗
った時だけがいいです。その方が感覚的に解りやすいような気がします。
何が解りやすいのか解りませんが。
説明ウィンドウの表示位置ですが、欲を言うとポインタのすぐ真下にポイ
ンタを中心線にしたように表示されたらなと思います。今は説明ウィンド
ウの基点がポインタの垂直線上にあるので、
/* 窓の出現位置調整 */
off_left = 0; // 横方向
off_top = 0; // 縦方向
を0に設定しても今の位置に表示されるんだと思っています。この基点を
もっと左に移動できたらなと思います。
1〜の件ですが、他に方法あるそうで良かったです。頭がすぐに回転しな
いので説明を理解してから試そうと思います。さらっと読んだ感じだと、
そんなに難しくなさそうだと思うのでがんばってみます。
このスクリプトが完成したらHPの説明文づくりに追われる日々が始まり
そうですこし怖い気もしますが、どうぞ引き続きよろしくお願い致します。
-
5 名前: m035 : 2005/08/19 00:24 [URL]
- http://www.geocities.jp/ram0kb/ans/rink2.html
指摘された点を修正しました。
-
6 名前: 008 : 2005/08/19 00:24 [URL]
- おお!素早いお返事ありがとうございます!!
テーブルが直ってて、説明ウィンドウがポインタの真下にピュッと出てて、
ポインタの指化もテキストの上だけになってて、選択したメニューバーの色
が変わってて、1〜のも設定されていて、
と〜〜〜〜〜ても と〜〜〜〜〜ても 最高です!!
本当にありがとうございます!!
今後、説明ウィンドウのウィンドウ幅を変更した時の左右のずれは、
rx += off_left-105; ry -= off_top-40;
で調節するんですね?ちょっとこれでするのかなあと思って試してみたらエ
ラーも無く編集できたのでウィンドウサイズを変えたい時にまた試してみよ
うと思います。
で、なんですが、バーの色が変わるのをサブメニューを閉じた時は元の水色
の状態に戻る様にはならないでしょうか?サブメニューを閉じたら最初の状
態に戻ると言う感じです。
着々と理想のスクリプトになって行っていてとてもうれしいです!
引き続きどうぞよろしくお願いします!
-
7 名前: m035 : 2005/08/19 00:24 [URL]
- http://www.geocities.jp/ram0kb/ans/rink2_2.html
例えばゲームをクリック→メニュー開く→もう一度ゲームをクリック
したときにバーの色を戻す、と言うことですよね?
-
8 名前: 008 : 2005/08/19 00:24 [URL]
- そーです!ありがとうございます!!
まさに完成形だと思います!m035さんには一からお世話になって本当に感謝
しています。本当に本当にありがとうございました!!
又、お願い事が出来てしまった時はよろしくお願いします。