 Re: ジャバスクリプトの遊び ( No.21 ) |
- 日時： 2011/10/06 13:13
- 名前： june
- りりさま こんにちは
作者様はよくご存じのo6asanさまです(笑）
こちらの手違い(スパム判定）で先ほどメールを見つけました。
で、ご丁寧に、最終版？と言いますか、設置の解説付きで送ってくださいましたので
こちらに転記させていただきます。
文字数が多いので二つに分けます。
その１
● HTMLの中に全て記述の場合 (注）36行は<script type="text/javascript">〜</script>までです
**************ここから***********
<!--関数設定部分。下の36行を(注）HTMLの<head></head>の間に入れる。-->
<!--dyが年数，ddが日数。str11〜str32を自分の好みの表現に書き換え可能。-->
<script type="text/javascript">
<!--
function count_ymd(fdy,fdm,fdd) {
str11 = "<b><font color='#0000FF'>おかげさまでHP開設から";
str12 = "年まで、後";
str13 = "日です。</font>m(_~_)m</b>";
str21 = "<b><font color='#0000FF'>おかげさまでHP開設から";
str22 = "年と";
str23 = "日経ちました。</font>m(_~_)m</b>";
str31 = "<b><font color='#0000FF'>おかげさまでHP開設";
str32 = "周年です！</font>m(_~_)m</b>";
var fd = new Date(fdy,fdm-1,fdd); //基準日
var fdm = fdm - 1;
var td = new Date(); //今日
var tdy = td.getFullYear(),
tdm = td.getMonth(),
tdd = td.getDate();
var ld = new Date(tdy-1,fdm,fdd);//昨年の基準日
var pd = new Date(tdy,fdm,fdd); //今年の基準日
var lsi = ld.getTime();
var psi = pd.getTime();
var tsi = td.getTime();
var dy = tdy - fdy;
var des = Math.floor((tsi - psi) / 86400000);
if (des < 0) {
if (des >-6) {
var dd= -des;
document.write (str11,dy,str12,dd,str13);
} else {
var dd = Math.floor((tsi - lsi) / 86400000);
var dy = dy -1;
document.write (str21,dy,str22,dd,str23);
}
}
else if (des ==0) {
document.write (str31,dy,str32);
}
else {
var dd = des;
document.write (str21,dy,str22,dd,str23);
}
}
//-->
</script>
<!--表示部分。下の５行をHTML文中の表示したい場所に入れる。
Year,Month,dateには開始年月日を半角数字で入れる。-->
<script type="text/javascript">
<!--
count_ymd(Year,Month,date); //開始の日付
//-->
</script>
**************ここまで******************
 |
| Re: ジャバスクリプトの遊び ( No.22 ) |
- 日時： 2011/10/06 13:16
- 名前： june
- その２
●別にjsファイルを置く場合
jsファイル(ここではファイル名を 1111.js とします）
**************ここから******************
//ファイルの拡張子をjsに直して，表示部分を記載したHTMLと一緒に使う。
//dyが年数，ddが日数。str11〜str32を自分の好みの表現に書き換え可能。
function count_ymd(fdy,fdm,fdd) {
str11 = "<b><font color='#0000FF'>おかげさまでHP開設から";
str12 = "年まで、後";
str13 = "日です。</font>m(_~_)m</b>";
str21 = "<b><font color='#0000FF'>おかげさまでHP開設から";
str22 = "年と";
str23 = "日経ちました。</font>m(_~_)m</b>";
str31 = "<b><font color='#0000FF'>おかげさまでHP開設";
str32 = "周年です！</font>m(_~_)m</b>";
var fd = new Date(fdy,fdm-1,fdd); //基準日
var fdm = fdm - 1;
var td = new Date(); //今日
var tdy = td.getFullYear(),
tdm = td.getMonth(),
tdd = td.getDate();
var ld = new Date(tdy-1,fdm,fdd);//昨年の基準日
var pd = new Date(tdy,fdm,fdd); //今年の基準日
var lsi = ld.getTime();
var psi = pd.getTime();
var tsi = td.getTime();
var dy = tdy - fdy;
var des = Math.floor((tsi - psi) / 86400000);
if (des < 0) {
if (des >-6) {
var dd= -des;
document.write (str11,dy,str12,dd,str13);
} else {
var dd = Math.floor((tsi - lsi) / 86400000);
var dy = dy -1;
document.write (str21,dy,str22,dd,str23);
}
}
else if (des ==0) {
document.write (str31,dy,str32);
}
else {
var dd = des;
document.write (str21,dy,str22,dd,str23);
}
}
**************ここまで******************
HTML内の書き方
**************ここから******************
<!--関数読み込み部分。下の一行をHTMLの<head></head>の間に入れる。-->
<script type="text/javascript" src="1111.jsのパスを記入する。"></script>
<!--表示部分。下の５行をHTML文中の表示したい場所に入れる。
Year,Month,dateには開始年月日を半角数字で入れる。-->
<script type="text/javascript">
<!--
count_ymd(Year,Month,date); //開始の日付
//-->
</script>
**************ここまで******************
o6asanさまに感謝m(_~_)m
|
| Re: ジャバスクリプトの遊び ( No.23 ) |
- 日時： 2011/10/06 14:11
- 名前： o6asan
- みなさん，こんにちは。
juneさん，おせっかいすみません。
ご丁寧にお礼をいただいて，面はゆいです。
で，見直してましたら，送ったScript内のMonthのつづりを間違ってしまったことに気づきました。
コピー＆ペーストなので４カ所ともManthになっています。（恥）
お手数掛けますが，訂正しておいてくださいませ。m(_"_)m
|
| Re: ジャバスクリプトの遊び ( No.24 ) |
- 日時： 2011/10/06 14:44
- 名前： june
- o6asanさま こんにちは
４ヶ所訂正いたしました
動作には関係ないところでしたので、私は全く気がつきませんでした・・・(恥）
|
| Re: ジャバスクリプトの遊び ( No.25 ) |
- 日時： 2011/10/06 15:23
- 名前： o6asan
- juneさん，こんにちは。
早速ありがとうございます。
いや，そうなんですよ。動作に関係あるところなら，送る前に気づくんですが，
デバッガはそこまでやってくれませんよね。
|
| Re: ジャバスクリプトの遊び ( No.26 ) |
- 日時： 2011/10/07 04:45
- 名前： りり
- あっ、o6asanさまでしたかーーー
ならば、あの早業は、頷けます！
スクリプト全部、お書き込みいただきありがとうございました。
労作ですから、これだけスレッドを独立させましょうかね？
juneさんが、以前、”イヌでもわかるJavaScript講座”を参考にされたように、この種の物を使いたいという方もいらっしゃるかもしれません。
ずっと完成度も高いですし。
そしてね、ここは、HTMLではなく、掲示板形式になっていますから、参考にされたら、是非、その場で一言欲しいんですよね。
「１スピンドル機にPuppyLinuxをインストールする」の方にもお誘いを入れているのですが。
まあ、参考にしたら、そこを参考にしたとリンクを貼るのは、私からしたら、「敬意を表すること」だと思っていますし、こちらからは書きやすいブログコメント欄があれば、極力書きに行くようにしています。
「こういうように使って表示させてみました。」みたいなお書き込みがあって、和と輪が拡がっていくと良いんですけどねーーー
あっと、juneさんの
http://www.geocities.jp/june_no7/himitu/himitu.htm
>リンク先は「秘密の扉」でして毛深い私がお待ちしています・・・・みたいな？
>セキュリティーの関係でしょうか？IE８では遊べなくなっているようです・・・・・
そうですね。IE８では、全くページが表示されませんが、IE6ではパスワード入力画面がでました。
でも…パスワード、分かりません……
あと、
>偶々ですが、数人が同じ様なときに同じ様な興味を持ったんです。
このお一人が、もしかしたら、juneさんのサイトにリンクのある
”やたけた！”のmaido様ではないでしょうか？
|
| Re: ジャバスクリプトの遊び ( No.27 ) |
- 日時： 2011/10/07 12:03
- 名前： june
- みなさま こんにちは
そうなんです、私が無理を言ってしまいました。
＞参考にされたら、是非、その場で一言欲しいんですよね。
これについては、私も失礼なことをしていると思います
ついついご挨拶をしないままになることが多いです（反省）
逆の立場だと
＞「こういうように使って表示させてみました。」みたいなお書き込みがあって、和と輪が拡がっていくと良いんですけどねーーー
これは嬉しいですね、勝手なもんです・・・
「秘密の扉」は数ページの最後でして
ヒントのフォントがWingdingsで、IE６ですと絵文字にしか見えません
ソースを見るとか、絵文字？部分をコピーしてエディターに貼り付けると
「らかなのちすい」というのが解りまして
キーボード直接入力でその通りに打ちますと「otukare」となりまして
otukare.htmに飛んでいくという遊びでした。（時間の無駄と怒らないでくださいm(_~_)m）
はい、maido様もその中のお一人でして、色んな事を教えていただいています。
|
| Re: ジャバスクリプトの遊び ( No.28 ) |
- 日時： 2011/10/08 07:14
- 名前： りり
- >「らかなのちすい」というのが解りまして、キーボード直接入力でその通りに打ちますと「otukare」となりまして
あっ、わたしとしたことが！
むかし、「みかか」とか「みいそ」とか書いて、ピンと来ない方をからかったことがあるんですが…
こんどは、私が引っかかりましたーーー
おかげさまで、危険なかにさまを拝見できました！
>はい、maido様もその中のお一人でして、色んな事を教えていただいています。
うふふふふ……maido様にもTODOSにご参入いただきたいと、狙っているんですけどねーーーーー
|
| Re: ジャバスクリプトの遊び ( No.29 ) |
- 日時： 2013/09/24 09:06
- 名前： o6asan
- http://todos.xsrv.jp/2patiopro/todos.cgi?mode=view2&f=55&no=6-7
上記で， WordPress でのブログに，プラグインでブログに雪を降らせた話が出ました。
Jetpack というプラグインに組み込まれている機能ですが，実体は JavaScript のプログラムで，
BSD ライセンスで配布されていますので， WordPress でなくても利用することができます。
下記の作者のページから，元スクリプトをダウンロードできますので，やってみようかなと
思われたらご覧ください。
http://www.schillmania.com/projects/snowstorm/
|
| Re: ジャバスクリプトの遊び ( No.30 ) |
- 日時： 2013/09/24 09:37
- 名前： りり
- o6asanさん、さっそくありがとうございます。
以前は、よくホームページ作成で、こうしたテクニックの質問相談があったのですが、最近は、ブログタイプに移行が進んでいるのか、閑古鳥が…
でも、別の所でぱそ吉さんに答えたのですが、このスレッドは、レス数の割に良く閲覧されている方だと思います。
この雪を降らせるスクリプトも、結構使ったという記事を見かけるのですが、掲示板とは違うので、上手くいかないとか、細かい疑問が出てきたときに、質問相談は、できません。
閲覧の皆様には、興味をもったら、どしどし書き込んでいただきたいと思います。
雪の季節になったら、ご相談が来ないかな〜
|
ジャバスクリプトの遊び