96's blog

WEBサイト制作科 6ヶ月コース

JavaScript

JavaScript10(GoogleMapsAPI習作)

ブログ・Webデザイン初心者の勉強「GoogleMap API(2)」 習作 移動時間をscriptの中のtravelModeでDRIVINGかWALKINGか設定できる。 RUNNINGがなかったので、これを非表示にするために行をむりやりつぶしている。

JavaScript09(GoogleMaps API)

緯度・経度 pointabs スケール指定 マーカーの位置 センターの位置 エラー ブログ・Webデザイン初心者の勉強「GoogleMap API(1)」のソースを使ってローカルでは表示できたが、サーバーにアップすると表示できず「APIキーが必要」とでる。 最新バージョンで…

JavaScript08(実践演習課題解説、クロスフェード)

実践演習課題解説Q2 alert(point >= 70 ? '合格' : '不合格'); (if)point >= 70なら合格、(else)その他は不合格。 PlaceHolder 画像がない時に、ブラウザ上で画像スペースを仮に確保するツール:PlaceHolder <imgsrc="http://placehold.it/widthの値xheightの値"> を記述。↓例。 クロスフェード 講師記録 or </imgsrc="http://placehold.it/widthの値xheightの値">…

JavaScript07(Mathオブジェクト)

Math.メソッド名(引数1,引数2,・・・) maxメソッド・minメソッド <script> var num1=10; var num2=15; var num3=16; document.write('<h1>',Math.max(num1, num2, num3),'</h1>'); document.write('<h1>',Math.min(num1, num2, num3),'</h1>'); </script> randomメソッド(…

JavaScript06(Dateオブジェクト)

Dateオブジェクト(現在の日時を取得) <script> var now; now = new Date(); document.write('<h1>',now.toString(),'</h1>'); </script> Dateオブジェクト(指定した日時のオブジェクトを生成) 日時指定でサイト表示させるときなどに使う。 <script> var aDay; aDay = new Date(201</script>…

JavaScript05(switch文、while文、for文、for-in文)

switch文 <script> var month; function season(){ month = prompt('月を入力してください','1から12の値を半角数字を入力'); month = Number(month); switch(month){ case 12: case 1: case 2: document.write("<h1>冬です。</h1>"); break; case 3: case 4: case 5: documen…

JavaScript04(画像置換)

ボタン画像の置換 imgタグ内で置換指定する方法 imgタグ内に、onMouseover(hover状態)とonMouseout(hover解除)を記述。 title属性(imgタグ内) 画像の指マークの下にタイトルを表示する(ツールチップ)。必要に応じて使う。IE旧バージョンではaltで表…

JavaScript03(if文、関数、switch文)

条件分岐(if文) 「=」は代入。=の左に右の式を入れる。 「==」は比較。左と右を比較し、trueかfalseを返す。 関数(function) functionで関数を設定することで、上の行でも下の行でも呼び出して実行できる。 何度も呼び出して使うことができる。 戻り…

JavaScript02(ユーザーからの入力を受け取る)

comfirm OKかキャンセルかを選ばせる。 prompt 入力させる。 parseInt 整数に直す。 エラーチェック console.logを演算過程の計算と表示の間に入れると、エラーの原因箇所を突き止めやすい。 imgタグ内で、onclickなど画像に対する動作を指定できる。onclick…

JavaScript01

JAVAという別物があるので、省略してジャバと呼ばない。 ソースで著作権を表示しているものもある。 プログラムの形式 インタプリタ 一行ずつ実行 JS コンパイラ まとめて実行 JavaScriptの記述 変数 variable。varと記述する。 等式の左の箱に右の式を入れ…