0729　JavaScript: inner.HTML

inner.HTML id名の付いたタグのテキストを書き換える書き換える文字列にHTMLタグを含める事ができる document.getElementById( ‘id名’ ).innerHTML = ‘書き換えテキスト’ ; 変数にしても指定できる var a = document.getElementById( ‘id名’ ); a.innerHTML…

2014-07-29

0729　JavaScript: DOM

職業訓練 HTML JavaScript

Ajax 非同期通信を利用し、動的にページの一部を書き換える DOM: Document Object Model ドキュメント内の任意の要素にアクセスする仕組み IDを指定して要素を取得 document.getElementById( ‘ID名’ ); ex <head> <title>a</title> <script> function setValue(){ var elm = document.getE</script></head>…

2014-07-28

0724　JavaScript: 文字列を扱う

職業訓練 JavaScript

ローカル／グローバル変数ローカル変数関数内で宣言した変数。関数内でのみ有効。グローバル変数関数の中以外で宣言した変数。プログラム全体で有効。！ローカル変数はプログラム全体では通用しない →すなわち、return 戻り値; を使わないと関数外にお…

2014-07-24

0723　JavaScript: Mathオブジェクト、Dateオブジェクト

職業訓練 JavaScript

Mathオブジェクトオブジェクト.メソッド(引数1, 引数2,…) Mathオブジェクトの中のメソッド →メソッドの例 max 最大値 min 最小値 random 0から1の乱数を生成 floor 少数点以下を切り捨てる ceil 少数点以下を切り上げる round 小数点以下第一位を四捨五入す…

2014-07-23

0719　JavaScript: ループから抜ける、関数から抜ける

職業訓練 JavaScript

continue文（ex） for(a=0; a>4; a++){ if(a+b==2){ continue; } document.write(a+’+’+b+’=’+(a+b)); } a+b==2が falseのとき continueを飛ばしてdocument.writeが適用 trueのとき continueが適用されループの最初に戻る（breakのようにループが終了する…

2014-07-18

0717　JavaScript: 初めてのfor文

職業訓練 JavaScript

新しい配列を作る（newArray）その１ var 配列名 = new Array (‘要素１’, ‘要素２’, ‘要素３’, …); 自動的にインデックスは0から順につけられるその２ var 配列名 = new Array (配列の中身の数); 配列名[0] =値1 ; 配列名[1] =値2 ; 配列名[2] =値3 ; セレ…

2014-07-17

0716　JavaScript: イベントハンドラ、switch文

職業訓練 HTML JavaScript

イベントハンドラ < onClick=”イベント” > クリック時の処理 < onLoad=”イベント” > ページや画像の読み込みが完了したときに発生 function init(){ alert( ‘ロード完了’ ); } window.onLoad=init; イベントハンドラに指定した関数を呼び出す時は原則<head>内に記</head>…

2014-07-16

0715　JavaScript: 関数の自作！

職業訓練 JavaScript HTML

ボタンを表示する <button onClick =” ボタンを押した後の処理 ”> ボタンに表示する文字 </button> ユーザー定義関数 function 関数名 ( 引数 ) { 処理 } 自分で関数を定義することができる今日の演習演習１。コード。ボタンを押すと入力ボックスが出て結果が表示される。演習２。ボタンを押すとポップアップ…

2014-07-15

0714　JavaScript:カーソルを当てると画像がモノクロ→カラーになる処理

CSS JavaScript HTML 職業訓練

JavaScriptによる画像置換カーソルを当てるとサムネイルがモノクロからカラーに変化し、かつ、カーソル上の画像が大きく表示されるような指示をする。画像の準備大画面用の５枚、サムネイル用のモノクロ／カラー各５枚の計15枚をPhotoshopを使って用意し…

2014-07-11

0710-01　JavaScript: 画像置換はECサイトに使えるワザ

CSS JavaScript HTML 職業訓練

JavaScriptによる画像置換 onMouseOver=” this.src= ’img/***.jpg’ ” onMouseOut=” this.src= ’img/***.jpg’ ” <script>タグ無しでHTMLに直接書き込むJavaScriptのタグイベント属性の値に関数名を指定し、マウスが指定した要素に触った瞬間／離れた瞬間に関数が実行…

2014-07-09

0708　JavaScript: 配列、連想配列、二次元配列？？？

職業訓練 JavaScript

比較演算子 < 左辺より右辺が大きい > 左辺より右辺が小さい <= 左辺より右辺と同じかそれ以上 >= 左辺より右辺と同じかそれ以下 == 左辺と右辺が等しい === 左辺と右辺が厳密に等しい != 左辺と右辺が等しくない !== 左辺と右辺が厳密に等しくない数値型、…

2014-07-08

0707　JavaScript:各種演算子、豊富に取り揃えております。

職業訓練 JavaScript

parseIntの必要性 parseIntは( )内を数値化する。例えば、promptの入力フォームに数値を入力させたい場合、promptの入力フォームはそれを数字（文字列）として受け取ってしまう。そのためprompt指定をした変数に対しparseIntをかける事で、数値が入力される…

2014-07-05

0704 JavaScript: 初めてのプログラミング、始まりはゆっくりと…

JavaScript 職業訓練

はじめに：先生のお言葉プログラミングをしていると、行き詰まって解決法が見つからなくなる時がある。そんな時はちょっと休憩を入れてみる。時間を置いてみる事で、解決の糸口が見えてくる事がある。大切なのは、視点を変えてその物事に向き合ってみる…

2014-07-04

リセットCSSテンプレート

CSS

/* reset */ html, body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre,address,ul, ol, li, dl, dt, dd,table, th, td, form, fieldset {margin: 0;padding: 0;line-height: 1.0;font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}table …