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

【PHP+javascript+css+cookie】jsを使った文字サイズ変更ボタンでサイズを変えてからページ遷移すると、一瞬元のサイズで表示されてから変更後のサイズになります。一部PHPでヘッダ等を読み込んでいて、その部分が特に顕著です。jsは、フォントサイズ指定の違うCSSのクラスを振り直し、cookieに保存しているだけです。ページ遷移時にcookieからクラスを読み出すので遅延が発生するのだろうと思うのですが、ちらつかせない良い方法は無いでしょうか。

●質問者: k_gobo
●カテゴリ:インターネット ウェブ制作
✍キーワード:cookie CSS JavaScript js PHP
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● あすか
●60ポイント ベストアンサー

実際にソースを見てみないと何とも言えません。

まず、PHPの役割がよく分かりません。


もしcookieにCSSのクラスを丸ごと保存しているのでしたら、cookie自体はHTMLリクエストの最初に読み出されていますが、既存CSSの反映を行って(元の文字サイズ)、JavaScriptがcookieから読み取った文字サイズの反映を行う順序になるので、若干タイムラグが発生します。


もしそうなら、根本的な解決方法としては、ページ遷移した時にPHPで文字サイズを取り出し、インラインCSSで反映してあげた方がいいでしょう。PHPの処理は、HTML,CSS,JavaScriptに優先しますので。

◎質問者からの返答

> PHPの処理は、HTML,CSS,JavaScriptに優先しますので。

なるほど! それでやってみます。ありがとうございます!

関連質問


●質問をもっと探す●



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