無料ゲームで稼げる&高還元率ポイントサイト│ドル箱
↑↑↑↑↑↑
手軽にお小遣い稼ぎができます!!
お得なポイント貯まる!ECナビ
↑↑↑↑↑
ポイントをためよう!!

2010年07月15日

Javascriptの動作

最近Javascriptの話をしていなかったので久しぶりにしてみたいと思います(^^;

Javascriptのイベント動作についてです。

が、まず、その前に、ブラウザがHTMLをどう処理しているか、

皆さんご存知ですか?

基本的には、



<html>
<head>
<title></title>
<script type="text/javascript">
</script>
</head>
<body>
</body>
</html>



(中身は手抜きです(^^;)

とあった場合、上から順番に読み込まれ、その順番どおりに実行されます。

当然、



<head>
<script type="text/javascript">
alert("こんにちわ。\nJavascriptの世界へようこそ!");
</script>
</head>



とHEADタグの中にある場合、BODYの要素が表示される前にalertが表示され、

画面上には小さなウインドウが表示されます。

しかし、これではタイミング的にまずい場合があります(例えば画像をクリックしたときに処理したいとか、ロードが終わったら処理したい・・・など

その場合に出てくるのがイベント処理です。

例えば何かをクリックしたら何かするという場合。(何かって何よって?何かです(^^


<head>
<script type="text/javascript">
 function hyouji(){
  alert("こんばんわ");
 }
</script>
</head>
<body>
<p onclick="hyouji();">おしてね</p>
</body>


とすれば、「おしてね」をクリックした場合、画面上に小窓が表示されます。

同様に、HTMLが読み込まれた場合というときは


<head>
<script type="text/javascript">
 function hyouji(){
  alert("たぶん良いことあるよ");
 }
</script>
</head>
<body onload="hyouji();">
<h3>おみくじ!</h3>
</body>

と、すればOKです。





次回はこれの解説を行いたいと思います。(^^
posted by GABAscript at 23:33 | 神奈川 ☀ | Comment(0) | TrackBack(0) | javascript | このブログの読者になる | 更新情報をチェックする

2010年07月10日

Firefox4のベータ版が公開


以前にもご紹介したFirefoxの最新版、「4」のベータ版が公開されました。

「Firefox4」ベータ第1版の注目機能をチェック
-ASCII.jp-

今現在このバージョン4のベータ版でブログを書いておりますが、

特に不具合等は今のところありません。

まぁ利用しているアドオンが全て4に対応していないという点を除けば・・・合格点かなぁと。

今のところ英語版のみの公開(開発者向けなので(^^;)なのですが、がんばればわかる範囲です。

まだ Firefoxを利用したことのない方はこの機会に利用してみてはいかがでしょう。
posted by GABAscript at 23:28 | 神奈川 ☀ | Comment(0) | TrackBack(0) | おススメソフト | このブログの読者になる | 更新情報をチェックする

2010年07月06日

imgのtitle指定

最近あんまりJavascriptの話してないなぁ・・・

で、今回もHTMLの話です(^^;

タイトルのとおりイメージ画像を設定する場合TITLE属性を持たせるとツールチップのように表示することが可能なのです。

「何言ってんだ。ALTを設定すれば出るじゃないか!」

そうですね。

IEでは表示されます。

FirefoxやSafariなどでは出ないはずです(^^;(最近のバージョンでは確認してないので・・・

しかも、このTITLE属性はそのほかのタグにも使用可能です。

AタグやHnタグなどなど。。。。

一度お試しあれ。
posted by GABAscript at 00:20 | 神奈川 ☔ | Comment(0) | TrackBack(0) | html | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。