• ベストアンサー

keyboard入力なしに文字の大きさを変える方法

スタイルシートでフォントの大きさをしています。 javascriptを使ってセレクトボックス等で大きさを変更できます。そこで、セレクトボックスも使わず、テキストボックスも使わず、ラジオ・チェックボタンも使わず、何かレバーのような(?)ものなどでフォントサイズを自由に変更できる方法はない? #イメージとしては、アナログのレバーみたいな感じのもの。 #使うのはマウスだけで・・・。

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

  • ベストアンサー
noname#5179
noname#5179
回答No.1

on click で、スタイルのフォントサイズを1ptづつ大きくするループを何度か繰り返すのは、どうでしょうか? マウスを押せばだんだん大きくなるって感じにできると思います。

s-holmes
質問者

お礼

回答ありがとうございました。 このようなものが欲しかったのでした。ちょうどみつかりました。 (^^; http://www.din.or.jp/~hagi3/JavaScript/JSTips/DHTML/Slider.htm

その他の回答 (1)

  • BlueRay
  • ベストアンサー率45% (204/453)
回答No.2

スタイルシートを使わないのであれば、 CTRL+ホイールで「メニュー」「表示」「文字サイズ」の5段階は変更可能ですけど。 あとは、マウスにもよりますがマウスユーティリティでそういったことだ出来るかもしれません。 画面側で制御するなら、No1さんの言う通りOnClickで 「左クリック」・・・文字サイズ1ptずつUP 「右クリック」・・・文字サイズ1ptずつDOWN と、組み込むしかないでしょう。

s-holmes
質問者

お礼

回答ありがとうございました。 このようなものが欲しかったのでした。ちょうどみつかりました。 (^^; http://www.din.or.jp/~hagi3/JavaScript/JSTips/DHTML/Slider.htm

関連するQ&A

  • ラジオボタンが選択されたらテキストフィールドを入力可能にする方法

    社会人2年目のSEです。 JavaScriptが書けなくて困っています。 実装内容は以下の通りです。 【実装内容】 ・ラジオボタンが3つ。 ・そのうち2つはただのラジオボタン。 ・もう1つは、そのラジオボタンを押したらテキストボックスに値を入力可能にするもの。 【画面イメージ】 ○ AAA ○ BBB ● CCC [テキストボックス] ↑ラジオボタン(CCCのラジオボタンがチェックされてる時のみ、テキストボックス入力可能) 以下のサイトのソースを参考に実装可能かと思っています。 違うのはサンプルソースのテキストボックスを2つ削ればいいだけなので。 http://www.openspc2.org/reibun/javascript/form_radio/006/index.html このソースを参考にして作ってみたのですが、技術力が足りないため、動かすことができませんでした。 アドバイスよろしくお願い致します。

  • ラジオボタンやチェックボックスのスタイルシート

    ラジオボタン、チェックボックス、テキストエリア、セレクトの立体表示をスタイルシートを使って平面的にするにはどうすればいいのでしょうか?

    • 締切済み
    • CSS
  • 入力に応じて有効化をするJavaScript

    テキストボックスに1文字でも入力があった時のみラジオボタンを選択可能にし、テキストボックスに入力されるまではラジオボタンを無効化したいと思っています どのようにJavaScriptを書けばいいか全くわかりません お願いします

  • ラジオボタンの選択項目

    ラジオボタンの選択項目を、セレクトボックスとテキストボックスにするにはどのようにしたらいいのでしょうか? またJavaScriptを用いてラジオボタンの値と選択されたセレクトボックス、テキストボックスの値をsubmitさせるにはどのようにするのでしょうか? ご存知の方いらっしゃいましたらお願いします。

  • javascriptで、表示されている文字を変更する。

    javascriptで、表示されている文字を変更する。 初歩的な質問になると思いますが、ご教授ください。 javascriptで、例えば、 フォーム内の特定のテキストボックスに、ある値を代入する場合は、 frm1.text1.valur="あああ"; // フォームの名前.テキストボックスの名前.value また、特定の文字<font id="moji1">あああ</font>を表示/非表示する場合は、 document.getElementById('moji1').style.visibility='visible'; // 又は、'hidden' と言った感じで、javascriptで、 特定の文字を変更したいのですが、行き詰っております。 例えば、 <font>あああ</font> を <font>いいい</font> に変更。 どなたかご存知の方、ご教授ねがいます。 よろしくお願いします。  

  • inputタグのテキストBOXだけ右寄せにする方法

    inputタグのボタンやテキストBOXが混在しているページがあります。 この中のテキストBOXだけ右寄せにしたいと思っています。 原始的なJavaSctiptは使わずに、かつID指定・class指定なしに。 シンプルにきれいに、が希望です。1つ1つ指定というのはしたくないです。 昔はJavaScriptでinputタグのものを全部持ってきて 全ループさせながらtypeを判定しテキストBOXのものだけを どうこうするとか書きましたが、原始的なので書きたくありません。 というかもう少しスマートな書き方はないものかと思い 質問をすることにしました。 スタイルシートだけで書ければいいなと思いますがこれを知りません。 input:text {…} みたいな書き方があればいいなと思っています。 これがダメな場合でもprototypeやjquery等のライブラリを使用し シンプルなJavaScriptの記述で実現できればそれを知りたいです。 ・原始的なJavaScriptは使わない ・id・class指定のスタイルシートは使わない ・スタイルシートだけでテキストBOXだけを右寄せにする方法 ・JavaScriptライブラリを使用してテキストBOXだけを右寄せにする方法 ・スタイルシート単独もJavaScriptライブラリを使用しても出来ない場合は  「出来ない」との明言を こんな感じでお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • フォームで入力した値を別のフォームにコピーする

    はじめまして! javascriptでフォームAに入力した内容を ボタンが押されたら同一ページのフォームBに ペーストされるscriptを作りたいのですが そういったスクリプトを公開しているものがあれば 教えていただきたいです。よろしくお願いいたします。 やりたい事: [フォームA]---------------------  お名前:テキスト  性別:ラジオボタン  趣味:セレクトボックス  コメント:テキストエリア  [コピーボタン]←内容をコピーするボタン -------------------------------- ↓コピーボタンが押されたら↓ [フォームB]---------------------  お名前:テキスト  性別:ラジオボタン  趣味:セレクトボックス  コメント:テキストエリア -------------------------------- Aフォームに入力した内容Bフォームに反映される よろしくお願いいたします。

  • 大文字と小文字を等間隔にできますか?

    テキストボックスのフォントとラベルのフォントを全く同じ間隔で 並べたいのですが、serifフォント以外ではできません。 フォント依存に頼れない事情もあり、困っています。 スタイルシートでは、不可能なのでしょうか? aaaa AAAA    ← 。。、 こんな感じで大きさが違いすぎて。  自分でもまだまだ試しますが、宜しくお願いします。

    • ベストアンサー
    • HTML
  • 入力付加

    Radioボタンが選択されたときに、ドロップダウンタイプのセレクトボックスとテキストボックスの項目を 入力付加にしたいのですがどのようにすればいいのでしょうか?

  • JavaScriptで次のような動作を実現したいと思います。

    JavaScriptで次のような動作を実現したいと思います。 【状況】 テキストフォームが1つ、セレクトボックス(空白、選択肢a、選択肢b)が1つ、ラジオボタンが2つある状況。 【動作】 ラジオボタンAを選択した場合は、テキストフォームもセレクトボックスも入力可能。 ラジオボタンBを選択した場合は、テキストフォームおよびセレクトボックスがクリア(空白)され、かつdisableとなる。 動作自体はシンプルだと思うのですが、上手く作れません。 ご存知の方がいらっしゃいましたら教えていただけますでしょうか。 よろしくお願いします。

専門家に質問してみよう