WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リンク

0:[投稿] ko. [2003/11/25 23:27 ][環境:IE6 unkonw]

こんばんわ、あるリンクの方法を探しておりまして
いろんなサイトを回ったのですが見つからないのでここで
もしわかれば教えていただこうと思い書き込みしました。

マウスのポインタを乗せるとプルダウンがでてくるリンクを探しているのですがご存知ないでしょうか?たとえば
[menu]というリンクがあったとしたらそこにポインタを乗せるとその下にリストが出てくるようなリンクです。もしご存知でしたら教えてください!宜しくお願い致します。


1:[回答] Boo [2003/11/26 00:10 ]

いろいろなサンプルがありますのでご覧ください。
http://www002.upp.so-net.ne.jp/littledear/HTML-top.htm
ここで見つかると思います。


2:[回答] ko. [2003/11/26 00:58 ]

回答ありがとうございます。このサイトは以前から知っています。申し訳ありません・・・。他によいサイト等ないでしょうか?


3:[回答] nero [2003/11/26 01:26 ]

これは高機能です。オーバースペックにすら感じますが、いかがでしょう。

http://mugi.cc/muginavi/index.htm


4:[回答] ko. [2003/11/26 17:05 ]

わがままばかりで申し訳ありません自分には難しいです・・・。
もっと簡易的なものはないでしょうか?


5:[回答] はま [2003/11/26 18:39 ]

これはどう? 分かりやすいし超カンタン♪

<html>
<body>
<script>
function test(){
    var obj = document.getElementById("spa").style;
    if(obj.display == "none"){
        obj.display = "block";
    }else{
        obj.display = "none";
    }
}
</script>

<a href="#" onMouseOver="test()" onMouseOut="test()">test</a>
<span id="spa" style="display:none";>
    aiueo1<br>
    aiueo2<br>
    aiueo3<br>
    aiueo4<br>
</span>
</body>
</html>


6:[関連] nero [2003/11/26 18:55 ]

>>5 のはまさんのスクリプトだと実用的ではありません。
環境によってエラーが出たり、表示が崩れます。

英語サイト http://dynamicdrive.com/
に掲載されているスクリプトの設置方法が

日本語サイト http://yuka.vis.ne.jp/java/java46.html
で解説されています。

あるいは、MSのメニューみたいなのとかがよさげかも。
http://homepage1.nifty.com/VET06031/lib/mslike.html


7:[回答] ko. [2003/11/26 21:26 ]

>>はまさん
>>neroさん
お二人ともどうもありがとうございます。はまさんのは簡単でよかったですが、やはり"壊れて見えない"っていうのが一番困るので、neroさんが紹介してくださったナビゲーションバーというのにします。それで質問なのですが、このナビゲーションバーを使ってメニューを作りたいんです。元のページがフレームで構成されています。このメニューをつかったところ、フレームの下になってしまい、見えなくなってしまうんです。どのようにすれば見えるようになりますか?質問続きで申し訳ありません・・・。


8:[回答] nero [2003/11/26 22:11 ]

過去にも同じような質問があったようです。

◆ フレームで隠れる
http://chaichan.hp.infoseek.co.jp/qa2000/qa2196.htm

これを読む限り、少々トリッキーな手段を使わないと無理なようです。正直あまりおすすめしません。

どうしても、というなら実例があります。

◆ DHTMLCentral.com - CoolMenus - Dynamic HTML menu script
http://www.dhtmlcentral.com/projects/coolmenus/
http://www.dhtmlcentral.com/projects/coolmenus/examples/frames_version/frameset1.html

あるいはフレーム自体をやめてしまうかです。
どちらにせよ、「手軽」にはいきそうにありません。


9:[回答] ko. [2003/11/27 00:02 ]

そうですか・・・。フレームと同じように上と下をテーブルで分けたページを作りたいのですがhttp://www.lpassociation.com/のような感じにです。これのやり方はご存じないでしょうか?これさえ分かればもう質問などしません、宜しくお願い致します。


10:[回答] nero [2003/11/27 02:01 ]

まあもう質問などしませんといわずに、ぼちぼち行きましょう。

今脳みそがほげらな事になってきているので申し訳ないですが、
こういうことでしょうか?

http://alt.s31.xrea.com/files/submenu.html


11:[回答] nero [2003/11/27 02:16 ]

寝る前に教えてほしいことを書いておきます。

・NN4xで動かなくてもいいか
・急ぐのか急がないのか
・私が上げたサンプルはイメージと違うか

おやすみなさい。


12:[回答] ko. [2003/11/27 16:10 ]

ありがとうございます。
サンプルページを見ました。メニューにカーソルをのせると
ブラウザのファイルや表示、編集の部分に乗せたときのように
下にでるようにはできませんか?あと、テーブルをつかったフレームもどきのようなものができれば満足です。NN4xでも動かなくても結構です。宜しくお願い致します。


13:[回答] nero [2003/11/27 16:48 ]

全然イメージが違ったみたいですね。(笑
でも、 >>9 の例を見たらそう思いますよ。

それはともかくとして、フレームとフレームもどきではえらい違いです。フレームを使うのですか?使わないのですか?

使うならやはり >>8 の通りです。

使わないなら、フレームのように、とはどのようなものを指すのでしょうか? こういうのですか?
http://alt.s31.xrea.com/files/frame.html

それなら >>6 で挙げたスクリプトが使えます。


14:[回答] Boo [2003/11/27 17:06 ]

>ブラウザのファイルや表示、編集の部分に乗せたときのように
http://www.insidedhtml.com/tips/webfx/ts03/dhtmlmenu.asp
をご覧ください。


15:[回答] Boo [2003/11/27 17:17 ]

どのようなものがほしいのか今ひとつイメージがつかめないので、とりあえずお気に入りを紹介します。ここにも、いろいろなモデルがあります。
http://webfx.eae.net/dhtml/dhtmlmenu4/demos.html


16:[回答] ko. [2003/11/27 20:36 ]

>>booさん
サンプルページありがとうございます。
>>neroさん
フレームを使えるのなら>>8であったhttp://www.dhtmlcentral.com/projects/coolmenus/examples/frames_version/frameset1.html のようにするのにはどうすればよいでしょうか?


17:[回答] nero [2003/11/27 22:09 ]

使い方は全て DHTMLCentral.com に書いてあります。
まずは Excite 翻訳などを頼りにしてでもある程度試してください。でないと、ko. さんがどこが分かってどこが分からないか分かりません。

複雑なスクリプトなので、全ての可能性をふまえた説明は無理です。私には ko. さんの希望イメージがつかめていません。


18:[回答] ko. [2003/11/28 22:26 ]

ありがとうございます。
いろいろと見てみましたが、やはりneroさんが言うととおり複雑で難しそうです。http://alt.s31.xrea.com/files/frame.html のようなのを作る場合は>>6のスプリクトが使えるという事ですが、どちらの方のスプリクトでしょうか?


19:[回答] nero [2003/11/29 14:21 ]

そもそもやろうとしていることが難しいわけで…

> どちらの方のスプリクトでしょうか?

どっちでも OK だと思います。ただ、スタイルシートやスクリプトの調整は必要な場合もあるでしょう。最低限スタイルシートの知識は必要です。

例えば、
http://alt.s31.xrea.com/files/frame.html

http://dynamicdrive.com/dynamicindex1/topmen3/index.htm
を足したらこうなりました。

http://s31.xrea.com/files/topmenu3/frame_menu.html

ほとんどコピペしただけですよ。Mozilla と IE6 では動作しているようです。
(topmenu3 のサンプルファイルは 1週間は置いておきますが、それ以降は削除します。)


20:[回答] nero [2003/11/29 14:23 ]

アドレスミスです。
http://s31.xrea.com/files/topmenu3/frame_menu.html
でなくて
http://alt.s31.xrea.com/files/topmenu3/frame_menu.html


21:[回答] ko. [2003/11/30 00:51 ]

サンプルありがとうございます。
>>6にあった"MSメニューみたいなの"のソースをコピーして自分で少々いじってみました。普通のページでやってみるとまったく問題なくしようできます。フレームページでやっただけで

XML ページを表示できません
スタイル シートを使用した XML 入力は表示できません。エラーを訂正してください。 [更新] ボタンをクリックするか、または後でやり直してください。


--------------------------------------------------------------------------------

要求したスペースが見つかりません。リソース 'file:///C:/Documents and Settings/××××/Application Data/IBM/HomePage Builder Version 6/tmp/prv50.tmp' の実行エラーです。ライン 2、位置 63

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


となりました。これを直そうとすると>>8のような事をしなければならないという事でしょうか?


22:[回答] nero [2003/11/30 17:58 ]

フレームをまたがせたいというのは、壁をすり抜けたいと言っているようなもので、難しいことなのです。

フレームページでやるなら
>>8 の方法は必須と考えてください。

一般に配布されているメニュースクリプトはほとんどがフレームはまたげません。


23:[回答] nero [2003/11/30 18:35 ]

連続でゴメンナサイ。

WinIE 限定で ActiveX もアリだったら、下記のようなものがあります。対象閲覧者は大幅に限定されますが、フレームもガンガンまたげます。

http://write-off.cside.com/scripts/hta/btnmenu.htm
http://www.salty1.com/rakuraku/backnumber/108.txt
http://www.salty1.com/rakuraku/108.html


24:[回答] ko. [2003/11/30 18:52 ]

>>8をもう一度見てみましたがやはり、難しいです。やろうと思えばできそうですが、かなりの時間が掛かりそうですし今回は>>8の方法はあきらめておきます。一応お気に入りに登録しておいたのでこれから頑張ってみます。

"IE限定で"とありますが、IEならどのバージョンでも観覧可能ですか?

それから、話は変わってしまいますがJAVAスプリクトのサンプルが大量においてあるサイトなどありませんでしょうか?いろいろなサイトを知っているのですがほとんどがHTMLなので・・・。もしよろしかったら教えてください


25:[回答] nero [2003/11/30 19:54 ]

◆ JavaScriptサンプル:総合[JavaScript]All About Japan
http://allabout.co.jp/computer/javascript/subject/msub_001024.htm

このページが JavaScript サンプルのリンク集としてよくまとまっています。


26:[回答] nero [2003/11/30 21:29 ]

>>23 の動作する IE のバージョンに関してですが、WinIE 5 以上ぐらいなら動くと思います。それ以下は未確認です。

ただし、私のようにセキュリティ設定を変更して ActiveX 関係の設定をオフにしていると動作しません。


27:[回答] ko. [2003/12/01 20:18 ]

以前アクセス解析をつけていたのですがブラウザ別のアクセスを見てるとIE以外の方もいたんですよね・・・。少し考えて見ます。

それから
http://www.linkin-parkworld.com/
このページのようにするのにも>>8は必要ですか?


28:[回答] うみ [2003/12/01 22:27 ]

おしえて君へ
>27
既に>>20で紹介されているもので、http://www.dynamicdrive.com/dynamicindex1/topmen3/index.htm
から一式丸ごとダウンロードできます。
ただし、コードを見ればわかると思いますが、あなたに歯の立つようなものではありませんよ。
自分の力量にあったものから挑戦したらどうですか。


29:[回答] うみ [2003/12/01 22:37 ]

失礼、>>27のメニュー一式は
http://www.opencube.com
で配布しています。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World