週齢カウンター

生後日数と週齢を表示するJavaScriptです。ハムスターなど、小型のペットさんにどうぞ。

  • 生まれた当日を1日目とし、生まれて7日目までを0週齢、8〜14日目を1週齢とカウントします。
  • 文字やスタイル(色、サイズ、左右位置など)は自由に変更OKです。
  • 自分で配布しないでください。
  • 付属のリンク(script by KT)は読めるように表示してください。
  • スクリプト中のURLを削除しないでください。

つかいかた

1.使うタイプを選んで、チェックを入れます

【1】 8  週齢の数字だけを表示するスクリプトです。マークなし、テキストリンクなし(これに限りリンク不要)。色や太字は変更可。
【2】
生まれて8日目
1週齢)
【3】
1週齢(生後8日目)
マークは右側にだけ付きます。このサンプルと同じにする場合、入力フォームのマークを「★」から「♪」に書き変えてください。
【4】
生後8日目(1週齢)
【5】
あお
生まれて17日目
2週齢)
あか
生まれて17日目
2週齢)
みかん
生まれて17日目
2週齢)
みどり
生まれて17日目
2週齢)
くろ
生まれて17日目
2週齢)
【6】
Blue
2weeks old/17days
Red
2weeks old/17days
Yellow
2weeks old/17days
Green
2weeks old/17days
Black
2weeks old/17days
マークは右側にだけ付きます。
0週でも1週でもweeks(複数)で表示します(汗)。気にしない方はどうぞ。
【7】
あお
2週齢(生後17日目)
あか
2週齢(生後17日目)
みかん
2週齢(生後17日目)
みどり
2週齢(生後17日目)
くろ
2週齢(生後17日目)
マークは左側だけで、アクセント色ではありません。このサンプルと同じにする場合、入力フォームのマークを「★」から「⇒」に書き変えてください。
【8】
あお
  生後17日目(2週齢)
あか
  生後17日目(2週齢)
みかん
  生後17日目(2週齢)
みどり
  生後17日目(2週齢)
くろ
  生後17日目(2週齢)
マークは左右両側に付きます。このサンプルと同じにする場合、入力フォームのマークを「★」から「  」に書き変えてください。

2.生年月日などを入力します

【1】〜【4】を選んだ場合、こちらから入力してください。

■生年月日(必須)西暦(4桁)
(※半角入力)
■アクセント色の指定(※半角入力) カラーパレットから色を選択します
■マーク
※Tabキーで次へ移動。Shift+Tabでバック。

【5】〜【8】を選んだ場合、こちらから入力してください。

  • ここで設定できるのは5個までですが、後から追加できます。設置後に、カスタマイズ■表示する個数を増やす の方法で追加してください。
■表示するものに
チェック(必須)
■名前■生年月日(必須)
(※半角入力)
■アクセント色
(※半角入力)
■マーク
カラーパレットから色を選択します
カラーパレットから色を選択します
カラーパレットから色を選択します
カラーパレットから色を選択します
カラーパレットから色を選択します
※Tabキーで次へ移動。Shift+Tabでバック。

3.表示書式を設定します

■名前と数字を強調太字にするときチェック
■表示の位置揃え
テキストリンク(*script by KT*)は、右揃え固定です。
■文字のサイズ 貼り付け場所に合わせるフォントサイズ指定
■文字の色
(※半角)
カラーパレットから色を選択します
文字色(アクセント色以外の部分)の設定です。デフォルトでは設置したページで設定されている色になります。その他の色に特に設定したい場合に入力してください。

4.スクリプトを作成してコピーします

 

プレビューはポップアップウィンドウで開きます。表示されないときはブラウザの広告ブロック機能にひっかかっているかもしれません。一時的にブロック機能をオフにしてみてください。
プレビューの場合、特に設定しない限り、文字サイズはfontsize=2、文字色は#666666で表示されます。これを実際にブログやwebページに貼り付けた際は、文字色やサイズはその貼り付けた場所のスタイルが適用されます。
スクリプト作成ボタンを押してもスクリプトが表示されない、入力項目が反映されないなど不具合がありましたら、お手数ですがBBSかメールフォームで管理人までお知らせくださいませ。

5.サイトやブログに貼り付けます。

コピーしたスクリプトをブログやwebページに貼り付けてください。

カスタマイズ

■表示する個数を増やす

【5】〜【8】のスクリプトには追加することができます。
サイトやブログにスクリプトを貼り付けたたら、下のフォームで追加ソースをひとつ分ずつ作成してコピーし、スクリプト内の所定の位置に貼り付けてください。

■名前■生年月日
(※半角入力)
■アクセント色
(※半角入力)
■マーク
カラーパレットから色を選択します

追加ソースを貼り付ける位置は、スクリプトの最後の部分で、}// -->の間です。

document.write(count);
}
woa("あお",2007,1,1,"#6699CC","★");
woa("あか",2007,1,1,"#FF9999","★");
woa("みかん",2007,1,1,"#FFCC00","★");
woa("みどり",2007,1,1,"#99CC99","★");
woa("くろ",2007,1,1,"#000000","★");
// -->
</script>
<div style="text-align:right;margin:0 10px 0 0;"><a href="http://homepage2.nifty.com/coel/kid/" target="_blank" style="font-size:10px;text-decoration:none;">*script by KT*</a></div>
</div>
<!--▲週齢カウンタ-->

■マークに画像を使用する

マークには、文字・記号の他に、web素材サイト等で配布しているアイコン画像などを使用することができます。

必ずお読みください
画像を使用する際は、その画像を配布しているサイトの利用規約を守って、十分に気をつけてお使いください。
『画像への直リンク』 と 『画像の共有登録』 は多くの場合禁止されています。

『画像への直リンク』とは
素材サイトで公開されている画像のURLをそのままimgタグに指定する行為。(本来は画像を自分のパソコンに保存して、自分のサイト・ブログにアップロードした後のURLを指定します。)
⇒直リンクは素材サイトのサーバー負荷を高めるため、管理者(製作者)に迷惑がかかります。
『画像の共有登録』とは
画像を第三者と共有できるシステムにアップロードする行為。(FC2アイコンに素材サイトの画像をインポートして共有ONにして保存する行為、一部のオンラインゲームに使用する行為などです。)
⇒作成者以外による登録は、素材の再配布にあたります。
  1. 使用する画像をブログやサイトにアップロードします。
  2. 下のタグをコピーしてテキストエディタ(『メモ帳(notepad)』など)に貼り付けます。
  3. <img src=\"画像のURL\" alt=\"\" style=\"width: 画像の幅px; height:画像の高さpx; \">

    ※Mac用はこちら↓
    <img src='画像のURL' alt='' style='width: 画像の幅px; height:画像の高さpx; '>
  4. アップロードした画像の上で右クリック→「プロパティ」を表示して、URL(アドレス)をコピーして「画像のURL」と置き換えます。画像サイズは幅×高さで表示されています。
  5. できたタグを作成フォームの「マーク」欄へ貼り付けて、スクリプトを作成します。(または、貼り付けたスクリプトのマークと置き換えます。)

更新記録

【2007/6/29】入力フォーム形式を作成、サイトに公開。
【2007/6/21】複数対応に修正、バリエーション製作。
【2007/6/18】ご要望があり、配布前提に製作。

■プレビュー:JavaScript例文辞典
■カラーピッカー:Tigra Color Picker SoftComplex

PAGE TOP▲

オススメ
関連広告