ブラウザの『文字のサイズ』からではなく、Javascriptを用いてフォントサイズを変更させたいのですが、うまくいきません。
HTML紹介サイトにて、類似のものを見付けたのですが、こちらはボタンを使っています。文字リンク(<a href="javascript:fontsize1()">文字を大きく</a>のように)でフォントサイズを変えることは出来ないのでしょうか。
http://l-c.moo.jp/mozi40.htm
ご存知の方がおられましたら、どうかご回答下さい。
No.3ベストアンサー
- 回答日時:
No2です。
私の場合は、リンクをクリックするときの「カチッ」っていう音をさせたくなかったので、以下の方法でやっていました。ご参考に。
<SCRIPT language="JavaScript">
<!--
var firstSize = 48;
function fontSizeChange( s ){
text1.style.fontSize=s + "px";
}
-->
</SCRIPT>
<BODY>
<SPAN ID=text1>aaaa</SPAN>bbbb<BR>
<SPAN onClick="fontSizeChange( 72 );" style="cursor:hand;">SPANで</SPAN>
<BR>
<SPAN onClick="fontSizeChange( 14 );" style="cursor:hand;">SPANで</SPAN>
</BODY>
この説明の方が、オブジェクト指向を理解しやすいかな。(^ ^ ;ゞ
なお、スタイルシートで参照可能なプロパティは以下のページに詳しく載っています。
http://jp.selfhtml.org/javascript/objekte/style. …
fontSize 以外にもこれらの値を変更することによって色々出来ます。
この回答への補足
ご回答ありがとうございます(^^)
早速試してみますと、campanella_77さんが書いて下さったソースそのままを記述するとフォントが変わったのですが、手を加えるとサイズが変わらないようになってしまいます。
と申しますのも、<body>の文字ではなく、<table>内の文字を変えたいと思っているからです。単純に考えて、<table id="text1">にしてみたのですが反映されませんでした。
あと、申し訳ないのですが、通常リンク(<a href="javascript:***">文字</a>)の方がリンクの色などを指定しやすいかなと思いまして^^;、記載して下さったアドレスの方を参考にさせていただきますと……
-------------------------------
<head>に
<script type="text/javascript">
<!--
function MachGelb() {
document.body.DynText.style.fontSize = "24pt";
}
//-->
</script>
リンクを
<a href="javascript:MachGelb()">gelb</a>
-------------------------------
このように記述し、さらに<table>を<div id="DynText">~</div>ではさんだり、<table id="DynText">にしてみたり、上記<script>の『.body』を『.table』や『.td』にしてはみたのですが、残念ながら反映されませんでした。
惜しいところまで来ているような気がするのですが、もしお気付きの点等ございましたら、ぜひお教え下さい。
済みません! No.4さんの紹介して下さったページにその旨も記載してありました。こちらを参考に頑張ります。
ありがとうございました!
No.4
- 回答日時:
No.2
- 回答日時:
こんにちは。
以下を参考にしてください。
------- ここから ----------------------------
<SCRIPT language="JavaScript">
<!--
function fontSizeChange( s ){
text1.style.fontSize=s + "px";
}
-->
</SCRIPT>
<BODY>
<SPAN ID=text1>aaaa</SPAN>bbbb<BR>
<A HREF="#" onClick="fontSizeChange( 24 );">フォントサイズを24に</A><BR>
<A HREF="#" onClick="fontSizeChange( 14 );">フォントサイズを14に</A>
</BODY>
-------------------------------------------
紹介されたページと上の例を見ればわかるように、
意味としては、おおざっぱな説明をすれば
・IDが text1 で囲まれた部分のプロパティのフォントサイズを、
・クリックというイベントが起きたら
・変更する。
という処理をしています。
紹介されたページでは、BODYタグでIDを指定していましたので、ページ全体になります。
※注意 JavaScriptはもう3年前にやっていた程度なので、書式があってるか自信ありませんが・・・。
(^ ^ ;ゞ
No.1
- 回答日時:
サイトをみました。
<a href="javascript:fontsize1()">文字を大きく</a>
の部分以外に、HTMLのHerd部分にファンクションの記述がを、コピペしないと駄目でしょう。
これはフォントサイズを指定するファンクションfontsize1を呼び出すものですから。
それにしても<a href=はリンクですから、意味不明です。
これだと、文字を大きくという記述にリンクが貼られ、javascript:fontsize1()というサイトに飛ばすという意味になりますが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Gmail 「Andoroidスマホ、Gmailで 文字の大きさの変更はどうすればいいのでしょうか?」 普段、文 1 2023/04/04 17:11
- その他(ブラウザ) Webサイトのフォントサイズを統一できないか 1 2023/06/28 11:11
- Illustrator(イラストレーター) イラストレーターでA3用のサイズでポスターを作成しましたが、B5サイズに縮め変更したいです。しかしB 4 2022/07/19 20:30
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- その他(メールソフト・メールサービス) メールソフトを教えてください 1 2023/03/28 23:32
- Word(ワード) Word2019と365の互換性について質問 1 2023/06/10 19:33
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- WordPress(ワードプレス) ワードプレスの表示文字サイズの変更 1 2022/07/22 09:31
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
テキストエディタmiの表示文字...
-
セレクトボックスの幅を指定し...
-
VBAでListViewのフォントを変更...
-
alertで表示させる文字サイズは...
-
インラインフレーム内の文字の...
-
【DreamWeaver】「コード」画面...
-
ペイント3Dのテキストサイズ変更
-
GoogleChromeでレイアウトが崩...
-
HTMLでHGPゴシックEを表現する...
-
alertで、アイコンの変更、又は...
-
奇数のフォントサイズ指定について
-
パスワード欄の"●"文字を小さく...
-
Javascriptを用いて文字サイズ...
-
共有メモリについて
-
チェックボックスのサイズ変更...
-
ASP VBscript でメッセージボッ...
-
EXCELVBAオートシェイプの文字...
-
エクセルで文字が勝手に大きく...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
”ヒラギノ明朝Pro”をWindowsで...
-
<pre>タグ内のフォントサイズに...
-
コピーライト記号の表示が小さい
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
奇数のフォントサイズ指定について
-
HTMLでHGPゴシックEを表現する...
-
CListCtrlで行の高さを指定した...
-
<table></table>内のFONT指定に...
-
MoveWindowで位置だけ変更する...
-
HTMLテキストボックス内の文字...
おすすめ情報