【PHP+javascript+css+cookie】jsを使った文字サイズ変更ボタンでサイズを変えてからページ遷移すると、一瞬元のサイズで表示されてから変更後のサイズになります。一部PHPでヘッダ等を読み込んでいて、その部分が特に顕著です。jsは、フォントサイズ指定の違うCSSのクラスを振り直し、cookieに保存しているだけです。ページ遷移時にcookieからクラスを読み出すので遅延が発生するのだろうと思うのですが、ちらつかせない良い方法は無いでしょうか。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
あすか
満足60pt
実際にソースを見てみないと何とも言えません。
まず、PHPの役割がよく分かりません。
もしcookieにCSSのクラスを丸ごと保存しているのでしたら、cookie自体はHTMLリクエストの最初に読み出されていますが、既存CSSの反映を行って（元の文字サイズ）、JavaScriptがcookieから読み取った文字サイズの反映を行う順序になるので、若干タイムラグが発生します。
もしそうなら、根本的な解決方法としては、ページ遷移した時にPHPで文字サイズを取り出し、インラインCSSで反映してあげた方がいいでしょう。PHPの処理は、HTML，CSS，JavaScriptに優先しますので。
-
k_gobo
-
k_goboその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2011-02-07 00:03:41
- 終了日時
- 2011-02-07 11:32:08
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
（１）javascriptでクッキーを読み込んで変更するかぎりはチラツキをなくす方法はありません（画面表示とjavascriptの動作は非同期のため、フォントサイズを変えてから画面表示をはじめるということは出来ないからです）
（２）クッキー＋javascriptで行いたいのであれば、まずは白紙のページを表示して、javascriptで非同期通信を行ってページ本体を後から読み込むなどのマニアックな方式を取らざるをえません
（３）javascriptを使ってクライアントサイドで大きさを変えるのではなくて、呼び出されたphpのほうで「クッキーを読み取って、cssの振りなおしを行う」という方式にすればチラツキは起きようもありません
拒否られているのにコメント欄に回答を投稿しようという傲岸不遜
他の回答者が投稿しにくくなることに対してはお構いなし
すみません、「他ユーザーの設定による回答拒否」というのがどこでどう設定するのかわからないんです。
（いや、調べればいいんですけど、質問するときはだいたい時間ないもので……）
PHPでやってみます。
（ほんとに歯がゆいです）
http://q.hatena.ne.jp/k_gobo/config
コメント荒らし再び ｷﾀ━━(━(━(-( ( (ﾟ∀ﾟ) ) )-)━)━) ━━ !!!!!
自分のために質問者の拒否設定を変えさせようというワガママぶり！！