• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:プルダウンメニューの表示について)

プルダウンメニューの表示について

このQ&Aのポイント
  • ホームページ作成中に文字の大中小を変更するためにプルダウンメニューを使用しています。
  • しかし、現在の表示では10pt、12pt、14ptという表示になってしまいます。
  • プルダウンメニューを利用して大中小の表示を実現する方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • Chaire
  • ベストアンサー率60% (79/130)
回答No.2

余計なことを含めていくつか。 (1). form 要素の name 属性は不要です(必要だとしても id 属性であり、name 属性ではありません)。select 要素を次のように修正し、 <select name="amu" onchange="fontsize(this);"> そして、fontsize() 関数の定義に function fontsize (amu) { ... と amu を追加して下さい。また、もし関数内に document.puru.amu のようなものが書かれているなら、amu だけにして下さい。 (2). option 要素では、人に見せたいラベルは中に、プログラムに渡したい値は value 属性に書きます。 <option value="14px">中</option> そして、fontsize() 関数内に amu.options[amu.selectedIndex].text のようなものが書かれているなら、amu.value だけにして下さい。 (3). 10pt のように pt 単位を使っているのは印刷用ですか? もしそうなら構いませんが、モニタ表示には通常 px を使います。 もっと言えば、ページの他の部分でフォントサイズを px/pt で指定している場合、この切替プログラムはうまく動作しません。これはプログラムのせいというより CSS の書き方の問題ですので、あらかじめページ内のフォントサイズを % や larger のような相対的な指定にしておいて下さい。 切り替えプログラム自体も px/pt を使わず large などのキーワードを使った方が楽でしょう。 <option value="xx-large">最大</option> <option value="x-large">大</option> <option value="large">ちょっと大</option> <option value="medium">普通</option> <option value="small">ちょっと小</option> <option value="x-small">小</option> <option value="xx-small">最大</option> しかし最も楽なのは、ブラウザ付属のフォントサイズ変更を使うことです。最近のブラウザなら、ページ内で変なフォントサイズ指定がなされていても、ちゃんと大きさを切り替えてくれますし、しかもページごとに大きさを記憶してくれます。 ページ訪問者にはできるだけブラウザ付属の機能を使うように誘導し、どうしてもという場合のみ、このプログラムを使わせるのが良いでしょう。どの道、JavaScript が無効のときは動かないわけですから。

worker001
質問者

お礼

くわしい回答ありがとうございます。まだなにぶん新米なものですので、このようなご回答は非常に助かります。内容は確認の上挑戦させていただきます。 また見かけたら回答をお願いいたします。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • Chaire
  • ベストアンサー率60% (79/130)
回答No.3

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1070678980 どうやらお役に立てなかったようで失礼しました。ご不満があれば言って下されば良かったのに。

worker001
質問者

お礼

この問題は解決しました。ありがとうございました。失礼なことをしておいてですが、また見かけましたら回答をお願いします。

worker001
質問者

補足

気分を害されたようでしたら大変失礼をいたしました。不満ではなく、私の知識不足により<head>の部分がうまくいかないだけです。ただせっかく親切にしていただいた方にもう一度尋ねることが私の中でできなかっただけです。 ありがとうございます。<head>中に入れる関数ですが、 function fontsize(){ document.body.style.fontSize = puru.amu.options[puru.amu.selectedIndex].text;} の場合はどのようにすればいいのでしょうか? お手すきのときにでも回答いただけると助かります。

全文を見る
すると、全ての回答が全文表示されます。
  • 0909union
  • ベストアンサー率39% (325/818)
回答No.1

また、つっこみどころ沢山の投稿が・・・ いかにも、内容を知らずに投稿する、投稿増やそうプロジェクトの投稿(釣り)をにおわせる案件ですね。 >10pt、12pt 14ptという表示に まじに、聞いています? その部分を、大中小に変更すればいいのですが・・・ 最低でも、記述の内容を把握してから投稿してね。 じゃないと、他人も内容を理解できません。 なんて書くと、仲間か、自信かしらないが、投稿内容と合わない投稿でも、採用して締め切り。 自分の趣旨とは違う回答を追い出したつもりだが、他人から見ると、 いかにも、 と言う投稿になっています。

worker001
質問者

お礼

失礼いたしました。ただ「釣り」というものではありません。(正確にいいうとつりという言葉がなんなのかわかっていませんが) ホームページ作成新米なものでいろいろ皆様の力が必要になりますのでまたみかけたらご協力をお願いします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • プルダウンメニューの利用

    htmlのプルダウンメニューを使用した値計算のインタフェースを作成したいと思っています。 プルダウンメニューに設定するメニュー項目に値を設定し、 onChangeを使用して、その値だけをPHPプログラムに渡すようにしたいのですが、 JavaScript部分をどのように書けばいいのか判りません。 どなたかご教授お願いいたします。 <form name="formtest" action="test.php" method="post"> <table> <tr> <th>カテゴリ*</th> <td> <SELECT NAME="iPlanet" onchange=""> <OPTION VALUE="9" selected>初期値 <OPTION VALUE="0">サンプル1 <OPTION VALUE="1">サンプル2 </SELECT> </td></tr> </table> </form> onchangeでValueの値をPHPに送りたいのです。 よろしくお願いします。

  • フレームを使用した複数プルダウンメニュー

    こんにちは。 よくある質問もみたのですが「複数のプルダウンメニュー」「フレームを使ったプルダウン」というのはあるのですが、 フレームを使用して左フレームに複数プルダウン、そこで選んだものを右フレームに表示させるというのが見つかりませんでした。 「複数のプルダウンメニュー」もつくれますし、「別フレームに表示させる」こともできるのですが、 プルダウンを増やしたとたんに動きません。 ネームを変えてもみたのですがうまくいきません。 フレームを二つつくって <FRAMESET cols="35%,65%"> <FRAME src="n_menu.htm" name="manu">←こっちにプルダウンメニュー <FRAME src="n_main.htm"name="main">←こっちに表示 目次のhtmファイルで <SCRIPT LANGUAGE="JavaScript"> function openPage() { var list = document.forms[0].urlList; parent.frames[1].location = list.options[list.selectedIndex].value; } </SCRIPT> </HEAD> <FORM> <SELECT NAME="urlList" onChange="openPage()"> <OPTION SELECTED VALUE="cover1.htm">朝の歌 <OPTION VALUE="1.htm">1番目のページ <OPTION VALUE="2.htm">2番目のページ <OPTION VALUE="3.htm">3番目のページ </SELECT> </FORM> #上記をコピペして増やしてみた↓ <FORM> <SELECT NAME="urlList2" onChange="openPage()"> <OPTION SELECTED VALUE="cover2.htm">夜の歌 <OPTION VALUE="4.htm">4番目のページ <OPTION VALUE="5.htm">5番目のページ <OPTION VALUE="6.htm">6番目のページ </SELECT> </FORM> これだと2本目が表示されません。 どうすればいいか教えていただけないでしょうか?

  • プルダウンメニューのselected部分のリンクをとる方法

    以前こちらで教えていただいたプルダウンメニューなのですが、 selected部分にもリンクがされてしまっているので、 これをリンクさせないようにしたいのですが、やり方がわかりません。 どなたか教えていただけますでしょうか? 宜しくお願いいたします。 ソース <form name="b" method="post" target="_blank" action="https://○○○○/reservationtop.asp"> <select name="***************" onChange="document.b.submit()"> <option selected>予約する</option> <option value="1">リンク3</option> <option value="2">リンク2</option> <option value="3">リンク3</option> </select>

  • プルダウンメニューリンクを新しいウインドウで表示させたい

    ホームページビルダー11を使っています。プルダウンメニューからリンク先を「新しいウインドウ」で表示させるにはどのようにしたらよろしいのでしょうか。ご指導よろしくお願い致します <SCRIPT language="JavaScript"> <!--- 非表示 function quicklink(w){ if(w == "") return; document.quick.url.selectedIndex = 0; location.href =w; } //end ---> </SCRIPT> <FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" size="1" tabindex="1"> <OPTION selected>■ リンク先を選んでクリック ■ </OPTION> <OPTION value="index.htm">その1</OPTION> <OPTION value="index-2.htm">その2</OPTION> <OPTION value="index-3.htm">その3</OPTION> </SELECT>←関連リンク先</FORM> <TABLE width="100%" border="1" cellpadding="0" cellspacing="0" class="hpb-subh02">

  • プルダウンについての質問です

    プルダウンメニューでリンク先にページを飛ばした後、ツールバーの <戻るボタン>でページを戻すと、同じプルダウンメニューのリンク先 には飛ばなくなってしまいます。 どうすればページを戻した後でも、同じプルダウンメニューのリンク 先に飛ばす事が出来るのでしょうか? 使ったHTMLは <FORM NAME="linkmenu"> <SELECT style="width: 220px" NAME="linklist" onchange="location=this.value"> <OPTION SELECTED>以下の項目から選択してください。</OPTION> <OPTION VALUE="index.html">1.テストページ1</OPTION> <OPTION VALUE="2.html">2.テストページ2</OPTION> <OPTION VALUE="3.html">3.テストページ3</OPTION> </SELECT> </FORM> というものです。

    • ベストアンサー
    • HTML
  • 複数のプルダウンメニューの作り方。

    ・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。 一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。 とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。 今は、下記の状態になっています。 <script language="JavaScript"> <!-- function MENU(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --> </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="a001.html">A001</option> <option value="a002.html">A002</option> <option value="a003.html">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="b001.html">B001</option> <option value="b002.html">B002</option> <option value="b003.html">B003</option> </select> </form> ご指南の程宜しくお願いします。

  • プルダウンメニューからのリンクの貼り方

    FORMのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう? 今は <select name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか? ご存知なかたはよろしくお願いします。

  • プルダウンボックスからPDFファイルを開く

    プルダウンボックスで選択した際に、新しいウィンドウでPDFファイルを開きたいと考えています。 以下のスクリプトで、表示しているウィンドウにリンクまでできました。 <form name="linkmenu"><td> <select name="linklist" onChange="location=this.value"> <option selected="selected">選択(PDFファイル)</option> <option value="./0002.pdf">1番</option> <option value="./0001.pdf">2番</option> </select> </form> 新しくpdfファイルを開くことはできるのでしょうか? よろしくお願いいたします。

  • 複数プルダウンでメニューを初期表示に戻したい

    No.157334でleaz024さんに「複数プルダウンメニュー」について教えてもらったものですが、ひとつ、追加したいことがあるので教えてください。 教えていただいたスクリプトは <script language="javascript"> <!-- function A_Li() {   Sel=document.Link1.OP.selectedIndex;   Ms=document.Link1.OP.options[Sel].value;   parent.main.location.href=Ms;} function B_Li() {   Sel=document.Link1.OP2.selectedIndex;   Ms=document.Link1.OP2.options[Sel].value;   parent.main.location.href=Ms;} // --> </script> <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="main.htm" SELECTED>ページを選んでください <option value="main.htm">ぺージ1</option> <OPTION Value="abc.htm">ページ2 <OPTION Value="def.htm">ページ3 </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="aaa.htm" SELECTED>ページを選んでください <option value="bbb.htm">ぺージ1</option> <OPTION Value="ccc.htm">ページ2 <OPTION Value="ddd.htm">ページ3 </SELECT> です。 例えば OP2のメニューをクリックしたあと OP3のメニューをクリックしたときにOP2のメニューが初期の 表示メニューに戻したいのですが、どう変えればよいでしょうか。 初心者なので本を見てみたのですがわかりませんでした。 どうぞよろしくお願いいたします。

  • プルダウンメニューのターゲット指定

    タイトルどおりなのですが、プルダウンメニュー のリンク先を同ページ内のiframeにしたいのですが これはどうすればできるのでしょうか? こちらに現在の状況を載せておきます。 <SCRIPT LANGUAGE="JavaScript"><!-- function Jump() { tu = document.f.elements['jumpto'].options[document.f.elements['jumpto'].selectedIndex].value if( tu != '-' ) { location.href = tu; } else { alert('移動先を選択して下さい。'); } } // --></SCRIPT> <FORM NAME="f"> <SELECT NAME="jumpto" onChange="Jump();">> <OPTION VALUE="-" SELECTED>移動先を選択</OPTION> <OPTION VALUE="menu1.htm" target="menu">Page1</OPTION> <OPTION VALUE="menu2.htm" target="menu">Page2</OPTION> </SELECT> </FORM> よろしくお願い致します。

このQ&Aのポイント
  • macOS13にアップグレードした際、HHKBLite2Driver5.1を使用していた場合、ひらがな英字切替ボタンが使えなくなる問題が発生しています。
  • これまで便利に使用していたひらがな英字切替ボタンが使用できなくなり、どうすれば解決できるか悩んでいます。
  • HHKBLite2Driver5.1の対応バージョンがmacOS13に対応していない可能性があり、アップグレード後にこの問題が発生していると考えられます。
回答を見る

専門家に質問してみよう