スタッフブログBlog

2009年7月15日

プログラム関連メモ

loading読込中・・・
(実際には読み込んでいません)

上のような画像を表示して
PHPプログラムの読込状態を表すことに
苦労したので社内向けにメモ。
jqueryとかいろいろ探したけど
単純なjavascriptの利用で実現可能でした。

やり方は簡単で
ヘッダー部分に以下のソースを記述

<script language=”javascript”>
window.onload=function(){
document.getElementById(“loading”).style.display=”none”;
}
</script>

それで
コンテンツ部分に
<div id=”loading”><img src=”loading16.gif” alt=”loading”>順位調査中・・・</div>

を記述。

全ての読込が終了すると

ローディング画像とメッセージが自動的に消えます。

とっても簡単。

はまった原因は「出来ません」と書かれていた記事を見つけたから。

すごい難しい処理なんだと勝手に思い込んで
余計なことをいろいろしていました。

やっぱりシンプルで強力な解決法はありますね。

デキテルは車業界専門のホームページ作成ツールです。

デキテルバナー 「デキテル」を利用すると1分ほどで御社のホームページが作成できます。
お試し作成が無料となっておりますのでぜひお試しください。
デキテルHPへ

このページの上部へ戻る