過去ログ NO.1132661860
□ kei [2005年11月22日16時18分]フォントサイズを閲覧者の任意のサイズに変更する方法を模索しています
bodyやTABLEのオブジェクトを指定してフォントサイズを変更する方法はしっているのですが、複雑なTABLE構成や多数のinput系のタグを使用している為
特に指定の必要が無い箇所は下記のようにしていました
<style TYPE="text/css" media="screen">
*{
font-size:10px;
font-family:ＭＳ ゴシック;
}
</style>
今回、この10pxの部分を閲覧者の任意で変更できるようにしたいのですが方法が思い付きません
打開策をご存知の方がいらっしゃれば教えて頂けないでしょうか？
□ NXer [2005年11月22日21時17分]
はじめまして。NXerです。
>bodyやTABLEのオブジェクトを指定してフォントサイズを
これらは、HTML言語による指定です。それは、構造に強いのですが、
装飾系には弱く、その点をスタイルシートが補っています。javascript
は、ブラウザを使いHPを動的に変化させることができます。もちろん利
用者はfontSizeを変更できます。
>フォントサイズを閲覧者の任意のサイズに変更する方法
以下はインターネットマガジン編集部（「ホームページ裏技大全」インプレス
2000、ｐ.185）が考案したアイディアを参考にしてボタンで利用者が変更でき
るようにしたスクリプトです。
---------------------------------------------
<TITLE>fontsize_change by nxer</TITLE>
<script language="JavaScript">
size=12;
function sizechange(size){
document.all.win.style.fontSize=size;
}
</script>
</HEAD>
<BODY>
<DIV id="win" style="position=realtive;top:5;font-size;12pt;margin:2%;width;96%;height:50%">
<P>フォントを変える<BR><BR>
A シクラメン<BR>
B パンジー<BR>
C ダリア<BR>
D バラ<BR>
<BR>
<BR>
</DIV>
<BUTTON type=" button" onclick="sizechange(12);">font small </BUTTON>
<BUTTON type=" button" onclick="sizechange(24);">font large</BUTTON>
</BODY>
</HTML>
----------------------------------------------------------
関数の説明です。
function sizechange(size){
document.all.win.style.fontSize=size;
winはDiv id、styleのfontSizeがcss(style sheets)の属性名です。
このことから、他にfont,font-family,fontStyleなどの変更も
可能です。
>閲覧者の任意
ウェブページの作成意図によりますが、画面サイズの制限がありフォントサイ
ズは内容により行・列が崩れない範囲となると、3種類ぐらいでしょうか。ボ
タンは3つになります。原作は+-2ポイントで拡大縮小できるものですが、実用を
考えて、「任意」の幅をボタン2つに限定しました。
アイディアと愚案の提供で失礼します。詳しくはjavascriptの参考書を
ご覧ください。
一定時間書込が無かったので過去ログに移りました
|
|
