TODOS・何でも情報交換TOPから是非ご覧ください。
一番下の投稿フォームへ > スレッド一覧 > 記事閲覧
ジャバスクリプトの遊び
日時: 2007/02/25 18:40
名前: りり
URL: http://todos.xsrv.jp/lily/calc.htm

他のスレッドでちょっと触れたのですが、

ホームページにJavaScriptを組み込むと、軽く動いて面白いものができます。

特に、ソフトのダウンロードとか必要なく、ブラウザで使ってもらえるし、そういう便利なJavaScriptを組み込んだページもけっこうあります。

URLは、昔作ったJavaScript計算機

電卓だと、打ち間違いが確認できないし…
エクセルでわざわざ計算することもない…
二列づつあるのは、前の計算結果をコピーして次の計算に使えるようにと…

いろいろバリエーションも考えられます。

エクセルのような関数式を、HTMLの中にJavaScriptで記述したもの。

こんな感じで
function tasizan(f) {
f.kazu3.value = eval(f.kazu1.value)+eval(f.kazu2.value)
}

足し算の第一枠eval(f.kazu1.value)と第二枠(f.kazu2.value)に入った数値を
プラス+した結果を次の枠(f.kazu3.value)へ

ここは、引き算-
function hikizan(f) {
f.hiki3.value = eval(f.hiki1.value)-eval(f.hiki2.value)
}

ここは、掛け算*
function kakezan(f) {
f.kake3.value = eval(f.kake1.value)*eval(f.kake2.value)
}

ここは割り算/ とあまり%
function warizan2(v) {
v.wari6.value = eval(v.wari4.value)/eval(v.wari5.value)
v.wari22.value = eval(v.wari4.value)%eval(v.wari5.value)
}

メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 3 | 2 | 1 |

画像変化・蝶の動きのスクリプト ( No.11 )
日時: 2007/11/22 19:30
名前: りり
URL: http://doratomo.ddo.jp/todos/check/check.cgi

>最初の画面で画像が無くて、なんだかさびしいのですが、何か足りないのでしょうか?

これは、仕方ないのです。全部の画像を読み込んでから、表示を始めるので、重くなりますし、開始ページ前は、どうしても空白になりますから、何か背景をつけておくしかありません。


>ジオクリエーターの編集画面からは入れられませんか?


はい。スクリプトを使うこと事体、HTMLでの編集を基本としています。

HTML編集してください。



追加ですが、みかんさん、この蝶の動きは、数式をいろいろ変えて工夫して、私が、私の「白い影の記憶」のサイドにきらめく鱗粉を辿るように考えたものです。

サインカーブのように幾何学的な動きなら、数式も単純ですが。


蝶の急に向きを変えたり、パタパタと行ったり来たりするような感じで、下から上へ上って消えるように、何度も関数の数値を変えて試したものです。

画像が自分の作ったものだから、JavaScriptにまで著作権はないだろうなんて、とんでもないことですよ。

どこかで使うのは構いませんが、ここのサイトのやりとりがあれば、それで良いというものではないです。

あなたが、あなたの蝶を載せたサイトに、そういう断りを入れるべき筋合いのものですからね。
メンテ
経過年月日を表示する ( No.12 )
日時: 2011/10/03 06:32
名前: りり

juneさんのサイト、HP開設から10年ということで、おめでとうございます。

で、「HP開設から9年と365日経ちました」という表示があり、ちょうど1年経ったときの繰り上がりが、うまくいくと良いなと思いました。

まだ、試していないのですが、参考になるページを見つけました。
http://stabucky.com/wp/archives/2922

juneさん、この方法が、使えるようでしたら、お知らせくださいね。

すみません、試すのをお願いするようになって…
メンテ
Re: ジャバスクリプトの遊び ( No.13 )
日時: 2011/10/03 19:31
名前: りり

やっつけ仕事で申し訳ありませんが、

簡単に、年月日を表示させてみました。

http://todos.xsrv.jp/june.htm

これは、基準日から何日と数えるのではなく、現在の年月日を取得し、基準日年月日を差し引いて、表示する感じかな?
メンテ
Re: ジャバスクリプトの遊び ( No.14 )
日時: 2011/10/03 20:26
名前: june

りりさま ありがとうございます

このスクリプトは私も検索で見つけてまして、とりあえず動作は確認してました。

で、今は人様に作っていただいた物を使っています。

少し前からのカウントダウンと当日の〇〇周年、その後の〇日経過しました
と条件を分けて表示するようになっています。

そんなことで、手動とはお別れ出来そうです(笑)
メンテ
Re: ジャバスクリプトの遊び ( No.15 )
日時: 2011/10/03 20:49
名前: りり

あぁ、分かりました。
おもしろいですね。

少し前に手動でされていたスクリプトは、見ていないのですが、

自動的に

周年まで、一週間を切ったら、「あと、何日」

ピッタリの月日になったら、「○周年です!」
が付加されたのですね。

if (des < 0) {
if (des >-6) {
document.write("から",dy,"年まで後",dd,"日です。");
} else {
document.write("から",dy,"年と",dd,"日経ちました。");
}}
else if (des ==0) {
document.write(dy,"周年です!");
}
else {
document.write("から",dy,"年と",dd,"日経ちました。");
}

こういうのは、何か別のことにも使えるかもしれませんね。

すみません、私は、単純に、経過年月にすれば良いのにとしか考えなくて。

うーん、もしかしたら、うまく合成すると、何年と 何日の間に、何ヶ月が入れられるかもしれませんが。
メンテ
Re: ジャバスクリプトの遊び ( No.16 )
日時: 2011/10/04 21:22
名前: june

ホームページを作り始めた頃、飾りに何か欲しいなと
探してましたらJavaなんチャラ、と言うのを見まして
動的?な表示に興味が湧き、その後
”イヌでもわかるJavaScript講座”http://www.red.oit-net.jp/tatsuya/java/
を検索で見つけ、自分で楽しめそうな物を作って遊んでました。
当時もhtmlって何?とレベルでして、進歩なしですが・・・。

で、今まで使わせていただいてた物は
http://www.red.oit-net.jp/tatsuya/java/countdown.htm
こちらの表示部分を自分に合わせていました。
日数計算のみですので、毎年?その近くになれば内容を書き直していました。

今回も、年と日数の表示なんですが、これは私が希望したからかも?です。
使用法から、年・月・日まで出ると長いし・・・その必要もないかなと思ってます。


メンテ
Re: ジャバスクリプトの遊び ( No.17 )
日時: 2011/10/05 06:19
名前: りり

juneさん、これは良いサイトをご紹介くださりありがとうございました。

今回は、たまたまjuneさんの使い方から話題になりましたが、juneさんだけでなく、多くの方がある種の場面でいろいろと使えると思いました。

参考スクリプトが多いほど、組み合わせできますね。

人によっては、何かで月・日を表示したいときもあると思います。

また、私が見つけたスクリプトは、ただ単に経過年月日を表示するだけですが、juneさんのは、分岐があるところがおもしろいと思います。
そのあたりは、juneさんのご工夫ですね。
あるスクリプトが公開される、それを改造して、また公開される、そういう輪がネットで、どんどん繋がってく…これは、ネットの醍醐味と思います。

あと、ちょっと考えたのですが、分岐して周年のときに、誕生日祝いのケーキ画像を出せないかなとか…

私も、ジャバスクリプトの遊びには、一時はまって、本まで買いました。

サイトの中で、飛行機や満月を動かしたりとか…


juneさんのサイトでは、ジャバスクリプトを使われておもしろいものが色々と見られますが、これ以外にも、気に入っているスクリプトなどがあれば、どうぞご紹介ください。
メンテ
Re: ジャバスクリプトの遊び ( No.18 )
日時: 2011/10/05 23:27
名前: june

こんばんは
誤解の無いように書かせていただきます。
今回のスクリプトはご厚意で作っていただいた物でして
私が加工したものでは有りませんです。
私にはそのような知識がありませんです。


話変わりまして、理屈が解らなくても公開されているものを
別角度?から利用したりして楽しませていただいた時期もありました。
偶々ですが、数人が同じ様なときに同じ様な興味を持ったんです。
今では、くだらないページですが↓一例です
http://www.geocities.jp/june_no7/himitu/himitu.htm
フォントなどを他の要素も組み合わせて、ど素人がお互いにネタが尽きるまで遊んでました
相当暇&元気やったんでしょうね(爆)

リンク先は「秘密の扉」でして毛深い私がお待ちしています・・・・みたいな?

ちょっと脱線しちゃいました、すみません。
メンテ
Re: ジャバスクリプトの遊び ( No.19 )
日時: 2011/10/06 00:19
名前: june

Re: ジャバスクリプトの遊び ( No.18 )
の書き込みに関しまして・・・・

セキュリティーの関係でしょうか?
IE8では遊べなくなっているようです・・・・・
Chromeでは反応がかなり鈍いです・・・・
こんなところまで影響があるとは思いませんでしたので
くだらない書き込みをしてしまったこと、反省ですm(_~_)m
ちなみにFireFoxは・・・・
メンテ
Re: ジャバスクリプトの遊び ( No.20 )
日時: 2011/10/06 05:05
名前: りり

>Re: ジャバスクリプトの遊び ( No.18 )
>の書き込みに関しまして・・・・
>セキュリティーの関係でしょうか?
>IE8では遊べなくなっているようです・・・・・

扉です→どこへ行きます?
をクリックしても、どこもいけなくなっていることでしょうか?
後ほど、IE6で見てみます。


>今回のスクリプトはご厚意で作っていただいた物でして

あら、その方、早業ですねーーー
すみませんね…私もスクリプトに興味を持っていて、日数カウントが365日で繰り上がらないのかなと、単純な好奇心から書き込んでしまって…

その方、juneさんのサイトもよくご覧なのでしょうね。
その篤志家の方にも、是非、こちらにご参加いただければ嬉しいです。

よろしければ、お誘いくださいませ。
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 3 | 2 | 1 |

楽しい交流と情報交換のTODOS・アップローダーも用意。ぜひTOPからもご覧ください。
ご参考になりましたら、お気軽に一筆お書き込みくださいませ。
題名 スレッドをトップへソート
名前
画像添付
JPEG
GIF
PNG



参照ボタンを押して、PCの画像を指定ください。3枚まで指定できます。縮小画像はクリックで拡大されます。
パスワード (好きなパスワードを。投稿後、右下のスパナマークをクリックし、そのパスワードを入れて修正できます。)
コメント

   クッキー保存
スレッドTOPへ***スレッド一覧