10月の授業日記

10/1 JavaScript

ユーザーのアクションに応じてブラウザを制御

基本書式 

  1. オブジェクト.プロパティ=値;
  2. オブジェク.プロパティ=('値'); 

 オブジェクト

  • ブラウザのパーツでのjsの呼称

 プロパティ

  • オブジェクトの設定値を変える

 メソッド

  • オブジェクトができる機能を実行

初めてのjs 

 イベントハンドラ

  • ユーザーのアクションに応じて命令を実行できる
  • タグの属性
  • htmlイベントハンドラをきっかけにjsがhtmlやCSSを制御できる 

イベントハンドラ 

今日のひとこと 

自分の好きな言葉が警告表示で出てくるのが面白いと思った。 

10/15  外部jsファイル

引数

数値を入れて変数に代入できる

外部jsファイル 

スクリプトを記述した拡張子.jsファイルにリンクすれば外部ファイルに記述したスクリプトを実行できる 

 <script src="jsファイルへのパス"></script>(終了タグ必要)

外部ファイルに記述された関数をイベントハンドラで呼び出す使用方法が多い 

 今日のひとこと

記述がややこしいが、一度書いてしまえば簡単に置き換えができるのがとても良い。

10/22 DWによるJavaScript

DWにはスクリプトを記述しなくてもJSによるページが作れる方法が用意されている

  • ビヘイビア
  • ロールオーバーイメージ
  • JQueryUl

ビヘイビア

DWでのJSのプリセット

画像を置き換える

スワップイメージ

ロールオーバーイメージ

CSS

 ハルナ  

 jsフレームワーク

外部スクリプトの大規模化したものがフレームワーク

jQuery 

最も普及しているフレームワークの一つ

  • jquery本体
  • scriptファイル
  • htmlから呼び出す 

jQuery UI 

  • アドビ独自のフレームワークをjquery用に手直ししたもの
  • 挿入し、保存すると必要なファイルがサイト内へコピー・リンクされる 

Datepicker 

今日のひとこと

前回は入力が大変だったが、今回は簡単にできた!