人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

よく HTML 文書の先頭付近で「文字サイズの変更:小・大」のようなボタンをつけている Web ページがありますが、あれと似たような感じで文字サイズだけでなく、ウィンドウの中身すべてを拡大・縮小したいと考えています。

Firefox 3 の「表示」メニューから「ズーム」を使って拡大・縮小をすると、文字の大きさだけでなく、そのウィンドウの中身すべてが拡大・縮小されます。また、IE7 でも、「表示」メニューの「拡大」を使って同様のことが出来ます。

この機能を JavaScript 等を用いることで、読み込まれた HTML 文書から制御することが出来れば実現できるのではないかと考えたのですが、実際のところ、そのようなことが出来るでしょうか?

よろしくお願いいたします。

●質問者: ishimarum
●カテゴリ:インターネット ウェブ制作
✍キーワード:firefox HTML IE7 JavaScript Web
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ワテ
●35ポイント

理屈的には可能かと思われますが、

ただブラウザの拡大・縮小といった感じとは異なってくると思われます。

「文字サイズの変更:小・大」

の件に関しては、

JavaScriptにて読み込んでいるCSSのフォントサイズを切り替え、

または、

CSS自体を切り替えていますので、

ボックスコーディングでページを作成されている場合は、

フォントサイズだけでなくボックスの幅なども可変にしてやれば、

いいと思いますが、

ただ、画像に関してはimgタグのwidth・heightを制御して拡大させることも可能でしょうが、

掲載されている画像自体が小さい場合は、無理やり引き伸ばした感じになると思われます。

単純のページ内の画像表示自体もCSSで表示させるようにし、

複数のCSSを用意しておいて、

http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

などを用いてCSSを切り替えるほうが、

ややこしいJavaScriptをかかない分、楽かも知れません。

◎質問者からの返答

ご回答ありがとうございます。

要素のプロパティを個別に変更するという方法ですね。


2 ● azuco1975
●35ポイント ベストアンサー

テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック

http://phpspot.org/blog/archives/2007/05/css_28.html

こういうやり方があります。

Javascriptからブラウザの特定の機能を呼び出すのは無理です。

◎質問者からの返答

ご回答ありがとうございます。

拡大機能をJavaScriptから呼び出すのは無理ですか。残念です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ