Microsoft japanのHPのサイトの上のほうにホーム・製品一覧・サービス&サポート・検索・会社情報・採用情報という項目がありますが、この項目の上にマウスポインタを載せるとさらにリンクが出てくるんですけど、これはjavaスクリプトですか?このようなHPを作りたくて、いろいろサイトを見て回っているのですが、なかなかサポートページが見つかりません。
どこかサポートページ、もしくはどのようなソースなのか教えていただきたいのですが…。
どうぞよろしくお願いします。m(_ _)m

このQ&Aに関連する最新のQ&A

A 回答 (3件)

    • good
    • 0
この回答へのお礼

回答ありがとうございます。
これですよ!!!これです~!
たくさんサイト教えていただきまして…感謝です!!!!
早速つくります~。

お礼日時:2002/02/13 21:58

以前、同じ質問に回答しましたのでご参考くださいませ。



参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=170576
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
あわわ~ホントでした~。失礼しました。
同じ内容ですね(^^;)
これですこれです!
早速作ります。助かりました。

お礼日時:2002/02/13 21:54

このサイトのスクリプトはどうでしょう。


実現できることは似ているかも。

それ以外のスクリプトもよい感じです。

参考URL:http://member.nifty.ne.jp/marsh/misya/java/etc/m …
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
サイト見ました。これです!こんな感じです。
早速やってみようと思います。
ありがとうございました。

お礼日時:2002/02/13 21:50

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qセレクトメニューの選択項目によって、もう1つのセレクトメニューの項目と項目数を変更する

もう1つのセレクトメニューの項目数が同じタイプのものは、ネット上で見つけられたのですが、項目の数も違うものは見つかりませんでした。
たとえば、1つ目のセレクトメニューでAタイプとCタイプを選択すると、2つ目のセレクトメニューでは5項目から選択でき、Bタイプを選択すると、3項目から選択できるという風にしたいです。ご助言お願いします。

Aベストアンサー

試しに作ってみました。 こういう感じでしょうか。

<html>
<head>
<title>test</title>
<script type="text/javascript">
<!--
menu2txt = new Array(); // 2つ目のメニューの項目表示テキスト用配列
menu2val = new Array(); // 2つ目のメニューのvalue値用配列
menu2txt["a"] = new Array();
menu2val["a"] = new Array();
menu2txt["b"] = new Array();
menu2val["b"] = new Array();
menu2txt["c"] = new Array();
menu2val["c"] = new Array(); // 二次配列作成

menu2txt["a"][0] = "項目A1";
menu2val["a"][0] = "A1";
menu2txt["a"][1] = "項目A2";
menu2val["a"][1] = "A2";
menu2txt["a"][2] = "項目A3";
menu2val["a"][2] = "A3";
menu2txt["a"][3] = "項目A4";
menu2val["a"][3] = "A4";
menu2txt["a"][4] = "項目A5";
menu2val["a"][4] = "A5";

menu2txt["b"][0] = "項目B1";
menu2val["b"][0] = "B1";
menu2txt["b"][1] = "項目B2";
menu2val["b"][1] = "B2";
menu2txt["b"][2] = "項目B3";
menu2val["b"][2] = "B3";

menu2txt["c"][0] = "項目C1";
menu2val["c"][0] = "C1";
menu2txt["c"][1] = "項目C2";
menu2val["c"][1] = "C2";
menu2txt["c"][2] = "項目C3";
menu2val["c"][2] = "C3";
menu2txt["c"][3] = "項目C4";
menu2val["c"][3] = "C4";
menu2txt["c"][4] = "項目C5";
menu2val["c"][4] = "C5";
// 以上、セレクトメニューの表示項目とvalue値を配列に格納

function set_menu(){
key = document.f1.menu1.value;
while (document.f1.menu2.options[0]){
document.f1.menu2.options[0] = null; // 2つ目のメニューを消去
}
for (i=0; i<menu2txt[key].length; i++){
document.f1.menu2.options[i] = new Option(menu2txt[key][i],menu2val[key][i]);
// 2つ目のメニューの項目を生成・表示テキストとvalue値を設定
}
}

window.onload = set_menu; // ページロード時にmenu1の初期値でmenu2を設定
// -->
</script>
</head>
<body>

<form action="#" name="f1">
<div>
<select name="menu1" onchange="set_menu()">
<option value="a">Aタイプ</option>
<option value="b">Bタイプ</option>
<option value="c">Cタイプ</option>
</select>
<select name="menu2">
</select>
</div>
</form>

</body>
</html>

参考になれば…

試しに作ってみました。 こういう感じでしょうか。

<html>
<head>
<title>test</title>
<script type="text/javascript">
<!--
menu2txt = new Array(); // 2つ目のメニューの項目表示テキスト用配列
menu2val = new Array(); // 2つ目のメニューのvalue値用配列
menu2txt["a"] = new Array();
menu2val["a"] = new Array();
menu2txt["b"] = new Array();
menu2val["b"] = new Array();
menu2txt["c"] = new Array();
menu2val["c"] = new Array(); // 二次配列作成

menu2txt["a"][0] = "項目A...続きを読む

Qフレームありのページにリンクしてさらにそこに表示するHTMLも指定する

まずフレームのなしのページ(以降A)からフレームありのページ(以降B)へリンクさせます。
そしてBは毎回違うものを表示したいのです。
そこで、今まではAのリンク先を常にBにしてBのフレームのソースを毎回書き換えてました。例えば以下のmain001.hrmlをmain002.htmlにしたりして。
<FRAME name="header" scrolling="NO" src="header.html" frameborder="NO" noresize>
<FRAME name="main" src="main001.hrml" scrolling="AUTO" frameborder="NO" noresize>
ですが、毎回このフレームのソースを買えるのではなく、
Aのリンクの記述を変えることでBのフレームのmainのHTMLを変更したいのです。
要はフレームのページへリンクしてさらにそこに表示するHTMLもリンクもとのページから制御したいのです。
できるんでしょうか?
お願いいたします。

Aベストアンサー

<A>タグの中でファイル名を指定する事は可能ですよ。

<script language="JavaScript">
function framepage(filename) {
document.open();
document.write("<frameset rows='30%,*'>");
document.write("<frame name='header' src='header.html'>");
document.write("<frame name='main' src=" + filename + ">");
document.write("</frameset>");
document.close();
}
</script>

<a href="javascript:framepage('main001.html')">リンク</a>
----------------------------------------------------------------------

書き換えた箇所は以下の3行

1.'main001.html'を引数に指定。
<a href="javascript:framepage('main001.html')">リンク</a>

2.引数を filename という変数で受け取る
function framepage(filename) {

3.変数を使用する。
document.write("<frame name='main' src=" + filename + ">");

<A>タグの中でファイル名を指定する事は可能ですよ。

<script language="JavaScript">
function framepage(filename) {
document.open();
document.write("<frameset rows='30%,*'>");
document.write("<frame name='header' src='header.html'>");
document.write("<frame name='main' src=" + filename + ">");
document.write("</frameset>");
document.close();
}
</script>

<a href="javascript:framepage('main001.html')">リンク</a>
-----------------------------------------...続きを読む

Qリンクをクリックすると親ウィンドーにiframe構造のページが開き、さらにターゲットへジャンプする方法はありますでしょうか?

以前質問させてヒントをいただいたのですが、結局解決できなかったのでもう一度お願いします。

例えば、index.htmlを下記の通りとします。

--iframe----HTML-----
|       |        |
| menu  |        |
----------------------

左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。

index.htmlのmenuをクリック→anotherpage.htmlへ移動

--iframe----iframe-----
|       |main.html   |
| menu   |        |
----------------------
さらに、右iframe内はmain.html内のターゲットAへジャンプ。


このようなジャンプがJavaScriptで可能だと教えていただきましたが、どのようにするのか解りませんでした。
そのプログラムや、それ以外の簡単な方法がありましたら、教えて下さい。

よろしくお願いします。

以前質問させてヒントをいただいたのですが、結局解決できなかったのでもう一度お願いします。

例えば、index.htmlを下記の通りとします。

--iframe----HTML-----
|       |        |
| menu  |        |
----------------------

左のmenuをクリックすると、iframeで作った別のページが開き、さらにその中のページのターゲット内に移動したいのです。

index.htmlのmenuをクリック→anotherpage.htmlへ移動

--iframe----iframe-----
|       |main.html   |...続きを読む

Aベストアンサー

下記ファイル参照

index.htmlのmenuをクリックすると、
普通にanotherpage.htmlへ移動して、
そのanotherpage.htmlにmain.htmlを入れ込んだiframeが有り
ここまではいいね、
そのmain.htmlの中のAの所へジャンプ又はスクロールする。

main.htmlファイルの内容
<HTML>
<HEAD>
<script src="toScroll.js"></script>
</HEAD>
<BODY bgcolor="#333333" text="#ffffff" link="#ffffff" alink="#ff0000" vlink="#ffff00" a href="#a1" onload="toScroll('a1');return false;" >

<A name="top" id="top">TOP</A><br>
main.html<br>
<A href="#a1" onclick="toScroll('a1');return false;" onkeypress="toScroll('a1');return false;"><FONT size="2"><b>Aへ</FONT></b></A><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<A name="a1" id="a1">A</A><br>
main.html<br>
<A href="sub.html"><FONT size="2"><b>subへ</FONT></b></A><br>
<A href="#top" onclick="toScroll(); return false;">TOPへ</A>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<A name="end" id="end">END</A>
</BODY>
</HTML>

toScroll.jsファイルの内容
//http://oshiete1.goo.ne.jp/kotaeru.php3?q=1556067

nowTop=0;
function toScroll(AnchorID){
if(this){
nowTop=document.body.scrollTop;
if(AnchorID){
pageScroll(OffsetTop(AnchorID));
}else{
pageScroll(0);
}
}
}
pageScrollTimer="";
beforTop=0;
function pageScroll(DestinationTop){
nowTop+=Math.floor((DestinationTop-document.body.scrollTop)/35);
window.scrollTo(0,nowTop);
if((DestinationTop==document.body.scrollTop) || (beforTop==document.body.scrollTop)) {
clearTimeout(pageScrollTimer);
}else{
beforTop=document.body.scrollTop;
pageScrollTimer = setTimeout("pageScroll("+DestinationTop+")",20);
}
}
function OffsetTop(i){
var e=document.getElementById(i);
if(e.offsetParent.tagName.toLowerCase()=="body")
return e.offsetTop;
else
return OffsetTopL(e);
}
function OffsetTopL(e){
if(e.offsetParent.tagName.toLowerCase()=="body")
return e.offsetTop;
else
return e.offsetTop+OffsetTopL(e.offsetParent);
}

下記ファイル参照

index.htmlのmenuをクリックすると、
普通にanotherpage.htmlへ移動して、
そのanotherpage.htmlにmain.htmlを入れ込んだiframeが有り
ここまではいいね、
そのmain.htmlの中のAの所へジャンプ又はスクロールする。

main.htmlファイルの内容
<HTML>
<HEAD>
<script src="toScroll.js"></script>
</HEAD>
<BODY bgcolor="#333333" text="#ffffff" link="#ffffff" alink="#ff0000" vlink="#ffff00" a href="#a1" onload="toScroll('a1');return false;" >

<A name="top" id="top...続きを読む

Qポップアップページを出すとページが上にスクロールします。

こんにちわ、よろしくお願いいたします。
function opensub2(URL){
window.open(URL,"sub","width=505,height=460,scrollbars=no");
}
このように記述して、ボタンクリックでポップアップするようにしたのですが、ポップアップページが出ると、元ページが勝手に上にスクロールしています。
説明がわかりづらいかもしれませんが、このような状況を回避する事はできますでしょうか?
よろしくお願いいたします。

Aベストアンサー

元ページのボタンタイプがsubmitに設定されているのでは?
そうであれば対応策は2つあります。
(1).ボタンタイプをbuttonに変更する。
<input type="submit" ... → <input type="button" ...
(2).formタグの属性追加。
  <form> → <form onSubmit="return false;">

QJSONを使いページから他ページへ情報を渡す方法

同じレイアウトのページが数百ページあり、各ページの一部分を1つのページにまとめる方法を知りたいです。
JSONでできるようなので、サイトを参考にしながら作ってみました。
各ページの集めたい部分をオブジェクトで指定してJSONのテキストへ変換し、
集めたページにJSONを読み込み、変数に代入したJSONの情報を取得して表示を試みました。
しかし、やってみるとページ間で同じデータを扱うのが上手にできませんでした。
アドバイスを頂けないでしょうか。

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>集めたページ</title>
<script type="text/javascript" src="js/json.js"></script>
</head>
<body onload="jsontop()">
<div>
<ul>
<li><a href=""><span></span></a></li>
<li><img src=""></li>
</ul>
・・・・・・ULがページ数の数だけ続く
</div>
</body>
</html>


<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>各ページのサンプル</title>
<script type="text/javascript" src="js/json.js"></script>
</head>
<body onload="json(1)">
<h1>1ページ目</h1>
<h2>タイトル</h2>
<p>複数ページある中の1ページ目です。このページの一部分を他のページに利用したいです。</p>
<dl>
<dt>サンプル画像</dt>
<dd><img src="img/sample01.jpg"></dd>
</dl>
</body>
</html>

-----json.js------
function json(no){
var obj = {
h1: no+"ページ目",
imgsrc: "img/sample0"+no+".jpg",
thisurl:"page01/sample01.html"
};

var str = JSON.stringify(obj);
}

function jsontop(){
JSON.parse(str);
var tagimg = document.getElementsByTagName("img");
var tagspan = document.getElementsByTagName("span");
var tagli1 = document.getElementsByTagName("li")[0];

tagspan[0].innerHTML = obj.h1; //1ページ目のタイトルを取得し置き換える
var img = new Image();
tagimg[0].src = obj.imgsrc; //1ページ目の画像のパスを取得し置き換える
tagli1.href = obj.thisurl; //1ページ目のURLをアンカーに設定
}

同じレイアウトのページが数百ページあり、各ページの一部分を1つのページにまとめる方法を知りたいです。
JSONでできるようなので、サイトを参考にしながら作ってみました。
各ページの集めたい部分をオブジェクトで指定してJSONのテキストへ変換し、
集めたページにJSONを読み込み、変数に代入したJSONの情報を取得して表示を試みました。
しかし、やってみるとページ間で同じデータを扱うのが上手にできませんでした。
アドバイスを頂けないでしょうか。

<html lang="ja">
<head>
<meta http-equiv="Content-T...続きを読む

Aベストアンサー

「Ajax」で検索してみてください。

「Ajax」という言葉の中に、『用紙の種類』『郵送手段』『手紙を受け取る手段』『机に置き、読めるようにする(ドキュメントに書き出す)手段』など、たくさんの手段が「Ajax」一言にまとめられています。
プログラムの用語で言い直すと『データフォーマット』『通信(送信)』『受信と受信データの解析』『出力』です。

サーバー側にも、『受信と受信データの解析』『送信データの準備』『出力(送信)』があります。


改めて言い直すと、JSONはデータフォーマットです。
もちろん、送受信両方に使えますが、サーバープログラムの得意不得意の関係で、ブラウザからの送信にJSONを使うことはマレです。


人気Q&Aランキング

おすすめ情報