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

JavaScriptで1ヶ月で自動的に消えるNewアイコンを作りたいと思っています。
日時はCGIなどで入力させますので、年、月、日はそれぞれ数字で得られるものとします。
入力された日時に1ヶ月をプラスして、ページが閲覧された日時がそれを上回っていると、透明アイコンを表示します。
その年をまたぐ場合のJavaScriptの処理がわかるとうれしいです。

●質問者: kurodatom
●カテゴリ:コンピュータ 趣味・スポーツ
✍キーワード:CGI JavaScript アイコン プラス 入力
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● babo-babo
●20ポイント

http://www.openspc2.org/reibun/javascript/string/020/

???????????NEW????????\??????

いかがでしょう?

◎質問者からの返答

ありがとうございます。

参考にします。


2 ● ed_tks
●20ポイント

http://www.mdn.co.jp/webcre/Tips/Vol32/

webcreators

こちらのページの『5. 特定の日数だけNEWマークを表示する』のソースは参考になるでしょうか?

(ソース内の日時が2004,6,8になっているため、NEWの文字や画像は表示されていませんが)

◎質問者からの返答

ありがとうございます。

参考にさせていただきます。


3 ● freebreeze
●20ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

(↑ダミー)

画像を使わない方法と使う方法。

下記をhtml保存し、new.gifを同じ階層に用意してみてください。


<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN”>

<HTML>

<HEAD>

<META http-equiv=”Content-Type” content=”text/html; charset=shift_jis”>

<META http-equiv=”Content-Language” content=”ja”>

<META http-equiv=”content-style-type” content=”text/css”>

<META http-equiv=”content-script-type” content=”text/javascript”>

<TITLE>特定の日数だけNewマークを表示する</TITLE>

<STYLE type=”text/css”>

<!--

BODY { margin: 30px; padding: 0; font-family: Arial,sans-serif; }

.new { color: #CC0000; font-size: 80%; font-weight: bold; }

.up { color: #0000CC; font-size: 80%; font-weight: bold; }

-->

</STYLE>

<SCRIPT type=”text/javascript”>

<!--

function NewMark(y,m,d) {

oldDay = new Date(y+”/”+m+”/”+d);

newDay = new Date();

n = (newDay - oldDay)/(1000*60*60*24);

if (n <= 30) document.write(’<SPAN class=”new”>NEW</SPAN>’);

}


function NewMark2(y,m,d) {

oldDay = new Date(y+”/”+m+”/”+d);

newDay = new Date();

n = (newDay - oldDay)/(1000*60*60*24);

if (n <= 30) document.write(’<IMG src=”new.gif”>’);

}

// -->

</SCRIPT>

</HEAD>


<BODY>


<P>

指定日から30日以内の更新には、横にNEWが表示されます。

<SCRIPT>NewMark(2005,5,25)</SCRIPT>

</P>


<P>

指定日から30日以内の更新には、横にNEWが表示されます。

<SCRIPT>NewMark2(2005,5,25)</SCRIPT>

</P>


</BODY>

◎質問者からの返答

ありがとうございます。参考にします。

これにて質問を終了します。

ありがとうございました。

関連質問


●質問をもっと探す●



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