あるサイトに行ったら、htmlでなく(?)javascriptだけでドロップダウンリストを表示し、リンクさせていました。つまり小さなボタンを押すと、リストが広がって表示されます。これは、ちょっと面倒なテクニックでしょうか?短いスクリプトで使えるなら是非知りたい。長いものならパス・・・。

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

A 回答 (1件)

例えば、参考URLにある「住宅金融公庫」のページにある


リンクのようなイメージですか?

そこのソースを見てもらえれば一発なのですが、エッセンス
だけを抽出すると、こんな感じ。

function LinkSelect(form, sel)
{
  c = sel.selectedIndex;
  adrs = sel.options[c].value;
  if (adrs != "-" )
  {
    LinkWin=window.open("","_top");
    LinkWin.location.href=adrs;
  }
}

<form>
<SELECT NAME="selLink" onChange="LinkSelect(this.form, this)">
<option value="-">リンクしないタイトル(最初に表示しておく)
<option value="URL-A">タイトルA
<option value="URL-B">タイトルB
</select>
</form>

もちろん、関数名や変数名などは任意です。

参考URL:http://www.jyukou.go.jp/
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

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

Qダウンジャケットのクリーニング

ダウンジャケットをクリーニングに出したら(クリーニング店にもよりますが)一番早くて何日後に仕上がるでしょうか?あと、早く出来上がる所や金額的に安いクリーニング店はやはり洗剤や仕上がりは雑ですか?

Aベストアンサー

1日仕上げのクリーニング店もあります。
4~5日、かかっても1週間くらいが普通だと思います。

>早く出来上がる所や金額的に安いクリーニング店はやはり洗剤や仕上がりは雑ですか

金額的にはその店によると思いますが、たいてい早仕上げの所は、雑に感じます。
高くても駄目な所は結構ありますよ。

QJavaScriptでドロップダウンリスト

下記ページのようなものを作りたいです。
----------
http://www.resonate.co.jp/
中段「Access」の部分の感じ
----------
これはFlashですが、確かJavaScriptでもできたと記憶しています。
が、その作り方を紹介しているページを探し出すことが出来ませんでした。

このようなドロップダウンリストはJavaScriptで出来ますか?また、出来るとした場合、その方法を紹介しているページがあれば教えてください。

Aベストアンサー

じゃ、こんな感じで

<style type="text/css">

.head-on{
width:150px;
border:5px solid #556C1F;
background-color:#556C1F;
color:#FFFFFF;
}
.head-off{
width:150px;
border:5px solid #93A659;
background-color:#93A659;
}
.sub-on{
display:block;
}
.sub-off{
display:none;
color:#000000;
}
.sub-def{
width:150px;
background-color:#B0BB8A;
border:5px solid #B0BB8A;
text-decoration:none;
color:#000000;
}
.sub-over{
width:150px;
background-color:#D0DBAA;
border:5px solid #D0DBAA;
text-decoration:none;
color:#000000;
}

}
</style>

<div style="position:absolute">
<span style="float:left;"
onMouseover="changeClass('menu1','head-on'); changeClass('sub1','sub-on')"
onMouseout ="changeClass('menu1','head-off');changeClass('sub1','sub-off')">
<span class="head-off" id="menu1">TEST1</span><br>
<span id="sub1" class="sub-off">
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST1</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST1</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST1</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST1</span></a><br>
</span>
</span>
<span style="float:left;"
onMouseover="changeClass('menu2','head-on'); changeClass('sub2','sub-on')"
onMouseout ="changeClass('menu2','head-off');changeClass('sub2','sub-off')">
<span class="head-off" id="menu2">TEST2</span><br>
<span id="sub2" class="sub-off">
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST2</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST2</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST2</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST2</span></a><br>
</span>
</span>
<span style="float:left;"
onMouseover="changeClass('menu3','head-on'); changeClass('sub3','sub-on')"
onMouseout ="changeClass('menu3','head-off');changeClass('sub3','sub-off')">
<span class="head-off" id="menu3">TEST3</span><br>
<span id="sub3" class="sub-off">
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST3</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST3</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST3</span></a><br>
<a href="http://www.yahoo.co.jp"><span class="sub-def" onMouseover="this.className='sub-over'" onMouseout="this.className='sub-def'">TEST3</span></a><br>
</span>
</span>
</div>
<br><br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
test<br>
<script language=javascript>
function changeClass(obj,cn){
document.getElementById(obj).className=cn;
}
</script>

じゃ、こんな感じで

<style type="text/css">

.head-on{
width:150px;
border:5px solid #556C1F;
background-color:#556C1F;
color:#FFFFFF;
}
.head-off{
width:150px;
border:5px solid #93A659;
background-color:#93A659;
}
.sub-on{
display:block;
}
.sub-off{
display:none;
color:#000000;
}
.sub-def{
width:150px;
background-color:#B0BB8A;
border:5px solid #B0BB8A;
text-decoration:none;
color:#00...続きを読む

Qビデオデッキのクリーニングの頻度

ビデオデッキのクリーニングは、どのくらいの頻度で行えばいいのでしょうか?
私の家では、子供もいるので、毎日ビデオを見ています。
先日市販の“湿式クリーニングテープ”を購入しましたが、使用頻度の目安が書いていなくて悩んでいます。
やりすぎもよくないみたいなので、ご存知の方がいれば教えてください。

Aベストアンサー

私が持っている湿式クリーニングテープには
『30時間の録画、再生を目安に定期的にクリーニングしてください』と、書いてあります。

Qドロップダウンリストの高さを、非表示のときは上に詰

初心者です。本当に初歩な質問で申し訳ありません。

ドロップダウンリストを作り、クリックしたときにサブメニューを表示したいのですが、
表示、非表示は切り替えられても、非表示のときに空欄ができてしまいます。
これを、非表示のときは上に詰めて表示するようにしたいのですが、その方法を
教えてください。
下記がそのソースになります。


<SCRIPT language="JavaScript">
<!--
function pullDown1(ss) {
for(d0 = 0 ; d0 < ID.length ; d0 ++)
{
ID[d0].style.visibility = "hidden";
}
ID[ss].style.visibility = "visible";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<ol>
<li><A href="javaScript:pullDown1(0)">メニューを表示する</A>
<DIV id="ID" style="visibility:hidden;">
<ul>
<li><A href="">A</A></li>
<li><A href="">B</A></li>
<li><A href="">C</A></li>
<li><A href="">D</A></li>
</ul>
</DIV>

</li>
<li><A href="javaScript:pullDown1(1)">メニューを表示する</A>
<DIV id="ID" style="visibility:hidden;">
<ul>
<li><A href="">a</A></li>
<li><A href="">b</A></li>
<li><A href="">c</A></li>
<li><A href="">d</A></li>
</ul>
</DIV>

</li>
</ol>
</BODY>


以上、よろしくお願いいたします。

初心者です。本当に初歩な質問で申し訳ありません。

ドロップダウンリストを作り、クリックしたときにサブメニューを表示したいのですが、
表示、非表示は切り替えられても、非表示のときに空欄ができてしまいます。
これを、非表示のときは上に詰めて表示するようにしたいのですが、その方法を
教えてください。
下記がそのソースになります。


<SCRIPT language="JavaScript">
<!--
function pullDown1(ss) {
for(d0 = 0 ; d0 < ID.length ; d0 ++)
{
ID[d0].style.visibility = "hidden";
}
ID[ss].style.vis...続きを読む

Aベストアンサー

こんにちは。

ID[d0].style.visibility = "hidden";をID[d0].style.display = "none";
ID[d0].style.visibility = "visible";をID[d0].style.display = "inline";

style="visibility:hidden;"をstyle="display:none;"に変更してみてください。

Qヘッドクリーニングの頻度

デジタルビデオカメラ(ソニー、ハンディカムPC350)を使用していますが、

購入して使い始めてから、60分テープ2本目の撮影中「ヘッドが汚れています。クリーニングして下さい。」というメッセージが出て、そのまま撮影すると、録画された映像はモザイクがかかったような映像になってしまいました。

市販のクリーニングテープを使って掃除して、正常になりましたが、また60分テープ1本撮り終わらないうちに、また「ヘッドが汚れています...」というメッセージが出て、映像もモザイク状になってしまいました。

かなりの頻度で、クリーニングしないとならないようですが、これは普通なのでしょうか。
皆さんは、どれくらいの頻度でヘッドのクリーニングをしていますでしょうか。

Aベストアンサー

それはショックでしたね。お察しします。
おそらく不良品でしょう。
買った店に行って新品に交換してもらいましょう。
新品のうちから、そうそうヘッドが汚れることはないです。
ヘッドの汚れは付きっぱなしではなくて、テープの摩擦で取れたりもします。
汚れると、ブロックノイズというモザイク状のノイズが出ます。
私の場合、3ヶ月に一度くらいクリーニングしていますが、半年忘れたからといってどうってことないです。
ブロックノイズの原因は、ヘッドの汚れだけではなく、駆動系の故障でも起こります。
私の場合は駆動系のほうでしたが、何回修理に出しても直らず、結局交換してもらいました。

Qドラッグ&ドロップスクリプトがIE8で動かない

http://tool-man.org/examples/sorting.htmlで
作成公開されているドラッグ&ドロップスクリプトがIE8では、
正常に動作しないのですが、修正をされた方いらっしゃいますでしょうか?

Aベストアンサー

drag.jsの117行目に
originalZIndex = typeof(originalZIndex) != "undefined" ? originalZIndex : 1;
みたいなの追加なんてどうです?

#適当にfirefoxと同じ値になるようにしてみただけなので、正しくないかもしれませんが・・・

QモンクレールのダウンJKホームクリーニングの方法

淡い色のモンクレールのダウンJKをもっています
数回着用しただけですが
淡い色なので、汚れが目立ちます。
ホームクリーニングしたいのですが
ホームクリーニングの方法教えてください。
お願いいたします。

Aベストアンサー

どこまで洗いたいんでしょうか?
表面の汚れだけを取りたいのであれば薄めた洗剤を含ませたタオルなどでふき取るぐらいがいいんじゃないかと思います。
モンクレールのダウンジャケットであれば当然本物のダウンを使っていますから家庭で丸洗いはやめた方がいいです。
何にしても素人ではうまく洗えませんから、ダウンのクリーニングが出来るちゃんとしたお店に持っていった方がいいですね。下手に自分で洗ったら取り返しのつかないことになります。

Q取得日時によるドロップダウンリストの制御

お世話になります。

現在htmlのselect、optionタグにて
1月から12月までを選択できるコンボボックスがあるのですが、
これを本日の取得日時によって選択できる項目を変えたいと考えて
おります。

具体的には、日にちが21日になった時点で当月の月を選択肢から
無くしたいのです。

恐れ入りますが、何卒宜しくお願い致します。

Aベストアンサー

optionタグをJavaScriptでdocument.writeを使って
出力するようにするのよ。

今日の月・日は
http://www.nishishi.com/javascript/2007/now-datetime.html
を参考にするといいわ。

あとはif文で判定するだけね。

Qダウンをクリーニングに出さない場合

冬用のダウンのコートがあるのですが、クリーニングに出したいところなのですが、
お金がないので今年はクリーニングに出さないことにしました。

なので自宅で保管したいのですが、どうお手入れすればいいのでしょうか?
ファブリーズをかければよいですか?

「クリーニング品の為洗濯機の使用はご遠慮ください」と記載されています。

Aベストアンサー

>「クリーニング品の為洗濯機の使用はご遠慮ください」と記載。

そう記載されているものは、私は全部ドライ用(おしゃれ着用)洗剤で洗っています。
ダウンコートももちろん。
洗濯機のドライコースか手洗いで。
手洗いでも、約30秒脱水します。

注意するのは、脱水してすぐ干す、形を整えて干す・・・くらい。
クリーニングより綺麗です。

Qjavascriptの外部スクリプトファイルと"内部”の混合

javascriptの外部スクリプトファイルと、外部ではない直接書くスクリプトを混合して使えないのでしょうか?

Aベストアンサー

function名が同じものをつかうと競合してしまったりしますが
使えないことはありません。
ただ、両方使える環境ということは、内部分を外に出してしまえば
いいような気がしますが、いかがでしょうか?


人気Q&Aランキング

おすすめ情報