goo blog サービス終了のお知らせ 

授業進行状況ぶろぐ

新米講師の補足ぶろぐであります。基本的に生徒さん用。

超初心者でも大丈夫 JavaScriptを使ってみよう

2012-05-28 08:13:00 | Javascript

「あっ、いいなぁー」と思ったスクリプトは、ソースをそのままコピーしてHTMLファイルに貼り付ければ使えるので、

超初心者の方でもタグを少し理解できれば、簡単に利用できる感動のスクリプトです。

(下記のHPより抜粋。)

http://www.d3.dion.ne.jp/~tiyoko01/java/javamokuji.html


P.52 スキッシュの反復動作を設定する

2012-05-27 15:07:03 | Javascript
<script type="text/javascript">
<!--
var photoSquish = new Spry.Effect.Squish('photo',{toggle:true});
//-->
</script>


var = 予約語、変数を宣言するキーワード
photoSquish = 任意の変数(一時的に保管しておく入れ物、必要に応じて箱の中の値や文字列を参照できる)名
new = 新しいオブジェクトをつくる
photo = ターゲットエレメント名。ID"photo"に対して
toggle:true = 要素の中身の表示・非表示をきりかえる

CSSやJavaScriptをHTMLソースに記述する際、HTMLのコメントとして記述することがある
(CSSやJSが<!-- -->でコメントアウトされている)が、これはCSSやJavaScriptのソースをHTMLテキスト扱いして表示してしまうブラウザがあったため。
しかし、現在のブラウザはそのような挙動をしないので、コメントアウトしなくても大丈夫。
ただし、携帯端末は見事にテキスト扱いしてくれたりする。
したがって、XHTML的にも実際問題としても、CSSやJavaScriptは“別ファイルに記述しましょう”というのが最近の流れである。

(下記のサイトより抜粋)

 
JavaScriptのコメントアウト
 
// 1行だけコメントアウトします

/*
複数行にまたがって
コメントアウトします

*/




ドラッグによるテキストの選択をキャンセルする

2012-05-23 10:09:56 | Javascript

Webページでは普通、マウスでドラッグするとテキストを選択することができるが、JavaScriptやスタイルシートを使うことで選択を防ぐことができる。
このドラッグによる選択をキャンセルする方法は、JavaScriptなどでドラッグで特殊な効果を表現する際に、通常の選択はしてほしくないという場合などに使うと良い。

(下記サイトより引用。)

http://www.programming-magic.com/20071217225449/