JavaScriptで1ヶ月で自動的に消えるNewアイコンを作りたいと思っています。

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/06/23 11:27:52
  • 終了:--

回答(3件)

id:babo-babo No.1

babo-babo回答回数109ベストアンサー獲得回数22005/06/23 11:50:45

ポイント20pt

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

�������Ԃ���NEW�̕������\������

いかがでしょう?

id:kurodatom

ありがとうございます。

参考にします。

2005/06/23 11:55:24
id:ed_tks No.2

ed_tks回答回数699ベストアンサー獲得回数02005/06/23 11:53:42

ポイント20pt

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

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

id:kurodatom

ありがとうございます。

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

2005/06/23 11:56:19
id:freebreeze No.3

freebreeze回答回数931ベストアンサー獲得回数142005/06/23 11:56:55

ポイント20pt

(↑ダミー)

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

下記を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>

id:kurodatom

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

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

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

2005/06/27 17:31:22

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません