ページ全体の拡大/縮小をJavaScriptにて行いないたい(対象はIEのみ)のですが、検索をしてみると、「文字サイズの拡大/縮小」や「画像の拡大/縮小」はよく見つかるのですが、ページ全体の拡大/縮小のサンプルを掲載しているページはあまり見かけません。
検索("ページ ズーム javascript"等のキーワードで)で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML+CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML+CSSの見直しも色々行ってみたのですが、なかなか改善されません。
みなさんがご存知のJavaScriptのサンプル(ページ全体の拡大/縮小)が掲載されているURLを教えていただけますでしょうか?
教えていただいたサンプルを実装し、色々探ってみたいと思っています。
※ちなみに、イメージは↓このような感じです。
http://appleworld.com/4tr/
No.3ベストアンサー
- 回答日時:
「zoomプロパティ IE バグ」をキーワードに検索してみたんですが、
結構不具合が報告されてます。
特にIE7からIE8に変わった時に大きく変わったみたいです。
http://blog.webcreativepark.net/2009/03/30-12573 …
※もともとIEの機能で、仕組みの詳細はマイクロソフトの企業機密
だとか、。。。(本当かしら?)
ご回答ありがとうございました。やはりIEは厄介者ですね。。
私のほうで出たエラーは、ページを(<div id="container">を)センター揃えにしているんですが、拡大縮小が左揃えで行われてしまい(IE8の時のみ)、縮小すると左にズレていく、拡大すると右にズレていく、というものでした。HTMLやCSSの構造も色々見直してみたのですが、なかなかうまくいきません。
しかし、やはり考えられるのは、HTMLとCSSとの兼ね合いに原因があると思われるのですが・・・。そこで、試しに、JavaScriptを変えてみようと思ったのです。他のサンプルコードをご存知でしたら、お教え願います。
ちなみに、IE8のブラウザの右下の「拡大レベルの変更」を使用すれば、正常に拡大縮小されます。このようになってくれると助かるのですが・・。
No.4
- 回答日時:
画面の解像度によりCSSを変更していますので、下記URLの内容は使用していませんが
表示サンプル画面では、suni_034さん質問内容と思いますが
参考URL:http://javascript123.seesaa.net/article/11285038 …
ご回答ありがとうございます。
参考URL、拝見いたしました。こちらもIE8では、ページ全体の拡大・縮小はイメージどおりに行われているのですが、
広告バナー部分が拡大・縮小せず、かつ、左右にずれていくという現象は見られますね。。。
No.1
- 回答日時:
そこをのぞいたら
<a href="javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)+20)+'%');}else%20s.setAttribute('zoom','120%');">画面を拡大</a>
<a href="javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)-20)+'%');}else%20s.setAttribute('zoom','80%');">画面を縮小</a>
なのが・・・
この回答への補足
ご回答いただき、ありがとうございます。
申し訳ございませんが、こちら(下記)は既にテストしてみたのですが、正しく拡大/縮小が行えませんでした。他のサンプル等をご存知でしたら、ご教授願います。
<a href="javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)+20)+'%');}else%20s.setAttribute('zoom','120%');">画面を拡大</a>
<a href="javascript:void(s=document.body.style);void(z=s.getAttribute('zoom'));if(z){s.setAttribute('zoom',(parseInt(z)-20)+'%');}else%20s.setAttribute('zoom','80%');">画面を縮小</a>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1回のクリックで2回違うイベント
-
マウスの停止確認
-
サイト上にある辞書のようなも...
-
「終了していない文字列型の定...
-
1つのVBAコードをすべてのコア...
-
JSPの処理の途中で、JavaScript...
-
gas 全角数字を半角数字に変換
-
contenteditableで編集した内容...
-
jQuery ui Datepicker 明日以降...
-
ページ遷移時にアコーディオン...
-
JavaScriptで ブラウザの閉じる...
-
csvファイルを読み込み、該当項...
-
PDFフォームで条件つき金額を表...
-
CGIとJavascriptの違いについて
-
javascriptで「オブジェクトを...
-
javascriptからサーバサイドの...
-
ローカルのレジストリを読みたい
-
ASP(VBS) ←→ JavaScript の変数...
-
エラーが表示される
-
JavaScriptの負荷について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクスプローラー風のメニュー
-
リンク先をマウスが移動すると...
-
Windows Form のMSChartで、グ...
-
TinyTableというスクリプトのソ...
-
JavaScriptでwebAPIを呼び出す方法
-
C#で枠無しウィンドウの移動
-
検索結果の並び替え
-
jQueryのドラッグ&ドロップとD...
-
画像のポップアップ
-
サイト上にある辞書のようなも...
-
レスポンシブメニューIE7以降対...
-
JSON形式でのページング処理に...
-
ホームページビルダーを使って...
-
外部ドメインのサイト存在チェック
-
以下のJavaをonclickで使用したい
-
プルダウンメニューの作成方法
-
階層化されたメニューの作り方
-
web制作・小窓リンクの技
-
プルダウンメニューに関してご...
-
ポップアップでX固定Yマウス座...
おすすめ情報