Today: Yesterday: Total: Online:
カテゴリー
その他
  • RSS1.0
  • RSS2.0
  • atom0.3
  • valid XHTML1.0
  • valid CSS2
  • Credit
RSSリーダーで購読する | この日記のはてなブックマーク数 | プロフィール
コメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためには
ツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告
いいねが一番多い記事(574いいね):facebookスパムに要注意。なりすましの見分け方とアカウント乗っ取りの手口(2013年度版)

カテゴリー » Javascript March 21, 2013

エイプリルフールのときだけホームページを書き換える1分でできるプログラム ID:1363867819


もうすぐエイプリールフール。

4月1日にネタとしてページを変えようとしている方もいらっしゃるでしょうが
ページを差替をしたりするのが面倒ですよね。

ネットでJavascriptで4月1日のみページを書き換えるプログラムを
探していたのですが、すぐに見つからなかったので
ちょちょっと作りました。

作成時間1分。

<script type="text/javascript" language="javascript">
<!--
var ndate = new Date();
nowMonth   = ndate.getMonth() + 1;
nowDate    = ndate.getDate();
//4月1日のみ実行
if(nowMonth==4 && nowDate==1){
 document.getElementById(\'aprilfools\').innerHTML =\'書き換えたい内容のHTMLを入れます。<br>イメージやリンクなどのタグも使えるよ。<br>\';
}
// -->
</script>



</body>の直前に入れて、一番最後に読み込ませます。

あとは、トップページのソースの
body要素の一番最初から最後までを
divでくくるだけ。


<div id="aprilfools">

もともとのソース

</div>


これで放置しておけば、4/1に勝手にページ内容が切り替わります。

事前に試したければ

if(nowMonth==4 && nowDate==1){

の記述を今日日付に書き換えれば、
すぐに確認ができます。

タグが使えるところだったらブログでもできるので、エイプリルフールに
何か別のものを表示させたかったらどうぞ。

尚、ページが表示してから書き換えるので
最初のページがちょっとでてきちゃいます。

軽いページに使うなら、上で問題ありません。
— posted by midilin @ 09:10PM | Comment(0)

コメントをどうぞ。名前(ペンネーム)は必須です。URLはオプションです。

Comment Form
名前(ペンネーム): 文字色:
リンク作成 »
スパム対策画像認証(右に表示されている画像の番号を入れてください):
下のアイコンをクリックするとテキストエリアに挿入できます
:) :D 8-) ;-) :P :E :o :( (TT) ):T (--) (++!) ?;w) (-o-) (**!) ;v) f(--; :B l_P~ (QQ)

←メールアドレスを入力しておくと midilin がレスをした際に通知します:

     

カウンター