アラートを使った簡単なクイズ
JAVAスプリクトは、応用次第ではゲームも作ることが出来ます。今回は、ボタンとアラートを使って簡単なクイズゲームを作成してみようと思います。 理論としては、条件分岐の概念を用い解答によって分岐をして全問正解までを制御します。 大体理解したらサンプルをいじって自分のオリジナルのものを作ってみましょう。それではサンプルです。...
View Articleブラウザ別にメッセージを表示
InternetExplorerやFirefoxなど、皆さんが使っているブラウザのほとんどは、OSやブラウザの情報などを吐き出しています。 ブラウザ上のゲームなどをやろうとしたときに、「お使いのブラウザは対応していません」と表示された経験はありませんか？ あれは、JAVAスプリクトでこういった情報を引き出してそれで判別しているというわけです。...
View Articleモニタの大きさを取得
モニタの大きさを取得することは、Webページを作る上では重要なことです。たとえば、ある画像を表示させたい場合、仮にそのサイズが1000×500だったとしましょう。 このとき、画面の解像度が1024×768の環境では、きちんと見ることが出来ますが、それ以下、たとえば640×480等の環境だった場合、画面をはみ出してすべてを一度に見ることが出来ません。...
View Article時間のカウント
アップローダーからファイルをダウンロードするとき、残り何秒お待ち下さい、などという表示がでて、その秒数たつとダウンロードが行えるようになる、ということがよくあると思います。 そうしたイベントを行うのがタイマーで、これもJAVAスプリクトを用いて簡単に実装することが出来ます。 こうしたタイマーは、数字を指定した秒数カウントして、0になったら条件分岐で所定の処理を実行する、という流れになっています。...
View Article文字の解説を表示
Webサイトを見ていたときに、ふと気になった単語にマウスカーソルを当てると、その言葉の注釈のような物が表示された、という経験はありませんか？実は、あれもJAVAスクリプトで実装されているのです。 これはHTMLでも実装することが出来ます。HTMLでやる場合は下記のように行います。 <div...
View Article右クリックの禁止
右クリックの禁止の設定は、画像を載せていたり、MIDIを流すようなサイト等に多いですが、そういったサイトでは、ファイルの不正なダウンロードによる利用を禁止するために、右クリックを禁止していることが多いです。その他にも、ページのソースを見られたくない、といった理由でも用いられていますが。 実はそういう機能の実装にも、JAVAスプリクトが用いられているのです。 それでは、サンプルを見てみましょう。...
View Articleプルダウンメニューの表示
リンクの多いページによっては、そのリンク先をプルダウンメニューなどを使って選ばせて、そうしてリンク先に飛ばせる、という手法を使ったページがあります。 何かの解説や講座を行っているページに多いですね。そういったページでは扱う内容も豊富なので、ジャンルごとに分けて、細かいメニューはプルダウンメニューを使って、といったようになっています。...
View Articleちょっとした視覚効果
JAVAスプリクトを使って本当にちょっとした視覚効果をやってみましょう。視覚効果といっても、たいした物ではありません。視覚効果と一口にいっても色々ありますが、今回は、 文字が実際に入力しているかのように段々と入力されていく効果をやってみようと思います。 理論としては、上で言ったとおりで、あらかじめ用意されている文章を、時間ごとに徐々に表示させていくだけです。 それでは、サンプルプログラムです。...
View Article外部ファイルの読み込み
例えばＣ言語においては、関数の定義などを、外部ファイルに定義して、それをプログラム中の#includeで読み込むことにより、実際に定義したのと同じようにプログラム内で使うことが出来るというテクニックがあります。 JAVAスプリクトにおいても、関数等を外部ファイルに定義して、読み込んで使うことが出来ます。さっそく簡単な関数を外部ファイルで定義してみましょう。...
View Article簡単なパスワード認証
会員制サイトや、HPやブログの管理者ページでは、パスワード認証をして初めて見られるようになるというのがほとんどです。このパスワード認証は、多くの場合はPHP等で制御、管理されますが、 JavaScriptでも簡単に実装することが出来ます。 今回は、パスワード認証をして、正しいパスワードを入力したらGoogleのページに飛ぶようなプログラムを書いてみます。...
View Articleマウスクリックで画像を変えてみる
何かをクリックしたら、何かの処理が起こる、という手法は、様々な場面で使われます。多くの場合、そのクリックする対象は、ボタンですが、JAVAスプリクトでは、画像もそのクリック対象にすることが出来ます。そして、クリックしたら、その画像を違う画像にする、というマジックのようなことも可能です。 それが、今回のサンプルです。いきなりですがまずはコードを書いてみましょう。 <script type =...
View Articleおみくじを作ってみる
さて、JAVAスプリクトでおみくじを作ってみましょう。ビジターは、ページを訪れる度に、大吉から大凶のどれかがあたり、その結果を楽しむことが出来ます。是非有効的に使って自分のHPに組み入れてみましょう。 理論としては、大吉から大凶までを配列に入れておき、その要素数で乱数を発生させて、そこで決まった数に応じて結果を表示させます。 では、早速ですがサンプルを下記に示してみます。 <script...
View Articleページの移動時にメッセージを表示してみる
普通、というかほとんどのページではそうですが、ページを移動するときには、リンクをクリックすればすぐに次のページに飛びますね。 そこで、今回はJAVAスプリクトを使って、人によってはうっとうしいと感じるかもしれませんが、ページを移動するときに確認をしてくるようなページを作ってみようと思います。 理論は、大体分かると思いますが、リンクをクリックしたときに、アラートを表示させる関数を実行するだけです。...
View Articleお気に入りに追加する機能を作る
皆さんは、Webページを巡回しているときに、ふと「お気に入りに追加」などというボタンをみかけたことはありませんか？試しに押してみると、お気に入りに追加する画面が出てきますね。 この機能も、JAVAスプリクトを用いて実現することが出来るのです。それでは、早速ですがサンプルを見てみましょう。 <script type="text/javascript"> <!-- function...
View Article簡単な電卓を作ってみる
JAVAスプリクトでは、なんと電卓も作ることが出来ます。その気になれば、皆さんがよく目にする数字のボタンと四則演算のボタンが並んだお馴染みの電卓も作ることが出来ますが、 今回は式を自分で入力するタイプの本当に簡単な電卓を作りたいと思います。 では、早速ですがサンプルです。 <script type="text/javascript"> <!-- function...
View Article
