[goto blog top] [Tips] [Special] [My Profile] [Macolife, The main page before Brog 1997-2006]
entry font size:  
2019 / 07   «« »»
01
M
 
02
T
 
03
W
 
04
T
 
05
F
 
06
S
 
07
S
 
08
M
 
09
T
 
10
W
 
11
T
 
12
F
 
13
S
 
14
S
 
15
M
 
16
T
 
17
W
 
18
T
 
19
F
 
20
S
 
21
S
 
22
M
 
23
T
 
24
W
 
25
T
 
26
F
 
27
S
 
28
S
 
29
M
 
30
T
 
31
W
 
meaning of mark :: nothing , comment , trackback , comment and trackback
Mia and Chihiro
Pickup Photo!
Recent Diary

Recent TrackBack
• dl.exe
  └ はまりゅうのいろいろぐだぐだブログ
         └ at 2011/04/26 14:57
• Applications for SH-03C!?
  └ 必見!時代の流れはここにあリ!
         └ at 2011/02/02 15:35
• drama
  └ ブラッディマンデイ
         └ at 2009/12/24 6:29

Recent Comments
• Re:Summing Mixer
ミノやん? at 05/01 1:02
ミノやん? at 05/01 1:03
Macoteau T at 05/01 1:39
ミノやん? at 05/05 17:13
Macoteau T at 05/06 23:26
• Re:METEX M-3870D
BlogPetのasukaka at 10/13 14:27

Pageview Ranking
«« ビンタガール オーディション | main | Kaspersky Anti-Virus 6.0.2.614 »»
«« カテゴリ内前記事(ちょっとスムーズ?) | information | カテゴリ内次記事(summary or full-content) »»
2007/03/14
フォントサイズ変更スクリプト
最近ウェブで変わった仕掛けを見かけるとついつい真似てみたくなってしまう病にかかってまして,今回は最近商業ニュースサイトでよく見かけるフォントサイズ変更するJavaScriptを導入してみました。いろいろやり方はあるようなのですがinsomnia Web Workshopで紹介されているスクリプト,タイプCを使ってみました。Sankei Webでも使っているやつです。Sankei Webの場合はプラスCookieの情報を元に現在のフォントサイズ設定を明示的にするようにしてますが。

本来ならページ全体のフォントサイズを変更させるべきなのですが,ちょっと事情があり(単に無計画なスタイルシートにしてしまっているためなのですがてれてれ)本文のフォントサイズだけ大きくできるようにしています。そういう使い方も可能なんですな。右上の「larger」をクリックすると大きくなり(1pxずつ),「default」をクリックすると元の大きさに戻ります。「smaller」(小)が無いのは元々デフォルトを小さめにしているので必要ないかなと。フォントサイズを変更するとCookieに記録されるので,Cookieを有効にしている場合,再度アクセスしても前回の設定が反映されます。また,このブログ内ではその設定はエントリを個別に表示する場合でも引き継がれます。

ブラウザは,Microsoft IE6, 7,Firefox 2 for Windows,Sleipnirで試してみましたが問題はなさそうです。Opera9 for Windowsは一応動作的には問題ないのですが,そのボタンあたりの表示が変になってしまいます。まぁIEでの表示を重視して本当はやってはいけないタグの書き方をしているからしょうがないのだけれどもダッシュ

Netscape 7.0.2 for Mac OS 9でも大丈夫だそうだ。THANX へんてこ師匠!あとでSafariでも試したけど問題はなさそうだった。

posted at 2007/03/15 15:31:49
lastupdate at 2007/03/15 15:32:13
edit
Trackback URL

クリップボードへコピーする場合は こちらをクリック(Win+IEのみ)

Trackbacks

Comments
Post your Comment
name
mail
home
comment
文字装飾グラデーション絵文字