webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

javascript

html5 shiv

そのうちに必要になった時のため… IEの問題を解決するための、JavaScript IE8対応

オブジェクト指向 ソフトウェア

Jeff Goodell : そもそもオブジェクト指向ソフトウェアとは何か、簡単な用語で説明していただけますか? Steve Jobs : オブジェクトとは人間のようなものだ。生きていて、何をどうすべきかという知識を自分の中に取り込み、物事を覚えていられるようにメモリ…

クリック 画像置換 課題:05-10

Q10 いろいろ調べて、記述してみました…が 画像ファイル名を任意に設定する方法はないものかと。 この場合は、ファイル名が0から始まるという縛りがあります。 CSSに cursor:pointer; を記述するとそれっぽいね。 CSSのリセットを忘れるとバチが当たるね。 <html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Q</title></meta></meta></head></html>…

おみくじ 課題:05-08

Q8 「else if」を「if else」と書いてロスタイム。 if文は記述の方法を変えたほうがいいのかもしれない。 <html lang="ja"><head><meta charset="utf-8"><title>Q8</title><script>function kuji(){ var rdm=Math.random();if(rdm<0.25){ document.getElementById('ans').innerHTML='本日の運勢は、大吉です。';}else if(rdm>=0.2</meta></head></html>…

年月日 曜日の表示 課題:05-05

Q5 dを書き忘れてロスタイム。しょっちゅうやっているね… <script> var d=new Date();var year=d.getFullYear();var month=d.getMonth()+1;var date=d.getDate(); var dayIndex=d.getDay();var week=new Array('日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '…

7の倍数 判定 課題:05-03

Q3 論理演算子の整理。「and」=「&&」、「 or」=「||」、「 not」=「!」 比較演算子の確認。 「等しくない」=「!=」 余りを、列挙しているのはおしゃれでない。いい方法を聞く。 if , else if, else文は最後の波括弧に「;(セミコロン)」をつける。 <html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width initial-scale=1.0"><title></title></meta></meta></head></html>…

MouseOver 画像置換 課題:05-01

Q01 ポイントは、メイン画像にname属性をつけること。 id , class はCSSを使うようになってからのやり方、だそう。 name 属性は旧式のやり方。 要素の値を使うときは、name属性を使う。 onMouseOver="mainImg.src='abc.jpg`" ダブルクオーテーションの中は、…

document オブジェクト

HTML文書を、オブジェクト化したものが「document」 documentは、HTMLそのもの、だと思う。 document.getElementByID('#').innerHTML='aaaaa'とは document、HTML文書全体の中から getElementByID('#')、#という名前の 要素(element)を見つけて innerHTML…

for文 復習 2 かけ算 九九表

予想通りの結果。ここからどうするかを考える… なにを、どのように繰り返すのか、頭を整理するといいのだろう。 <script>var ifor(i=1; i<=9; i++){ document.write('<tr><th>'+i+'</th>'); var j for(j=1; j<=9; j++) { document.write('<td>'+i*j+'</td></tr>'); }</script>…

for文 復習1 構文の確認

for (どこから;どこまで;幾つずつ/あるいはどのように){なにをする} <script>var sum=0;for(i=1; i<=100; i++){sum += iconsole.log(sum);};</script> この位置にconsole.logを入れると,コンソールに表示するまでを繰り返すことになるから、こうなる。↓ 下のように、conso…

if else文 セミコロンは 要注意

最初の if から緑のセミコロンまでが1文、なのかぁ。 赤いセミコロンをなくしたら、うまくいった。 セミコロンはカンマの代わりではないのであります。ピリオドなんですね。 見やすくしようと(自分にとってですよ)波括弧の位置を変えてみたのだけれども、…

MouseOver で 画像が入れ替わる 2

HTML <body><div id="container"><p><img src="img/ph01.jpg" width="600" height="400" alt="ph01" name="mainImg"></p><ul><li><a href="#"><img src="img/s01.jpg" alt="s01" onMouseOver="mainImg.src='img/ph01.jpg'"></a></li><li><a href="#"></a></li></ul></div></body>

dreamweaver で jQuery を使うための準備

ダウンロードした3個のファイルを「js」と名前をつけたフォルダーにしまう。 この「js」フォルダーを、新規作成した「jquery」フォルダにしまう。 「jQuery」をルートフォルダにして、「新規サイト」を作る。 参照する jQuery のファイルのアイコンをドラッ…

jQuery を使うための下準備

jQuary=JavaScriptのためのクエリー。 jQuaryには「1」系統と、「2」系統がある。 「1」系統はIE8に対応している。 クライアントの要請で必要なときはこちらを使う。 「2」系統よりも読み込み速度が遅い。 通常は「2」系統を使う。 「2」系統を使うとI…

Math.random 課題のメモ

どこがうまくいったのか? よくわからないので、振り返る時のために保存しておきます。 <script>function dice(){var rdm=Math.random();var dice=Math.floor(rdm*6+1);var img='<img src="img/'+dice+'.jpg" width="61" height="61">';document.getElementById('ans</script>…

現在時刻を表示する

DayとDate を間違えないなど…自分にとっての落とし穴が満載 インスタンス名を記述し忘れ。 セミコロン記述忘れ。 dayの記述、配列の箇所が怪しい。 var week=[......] でもいいのか、実験してみよう。 <script>var d=new Date();var year=d.getFullYear(); //yearで…

for文 練習 2 入力された数字 までの和を表示する

<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>入力された数までの和を求める。</title><script>function summary(){var sum=0;var i;var num=prompt('好きな数字を入力してください。','半角数字');num=parseInt(num); for(i=1; i<=num; i++){ sum=i+sum}document.getEle…</meta></meta></head></html>

for文 練習 1

<html></html>に挟まれた、<script>の中にあるdocument.writeは、どうして<html>の中に記述されるのですか?ということが疑問だけれども… そうなるのだから受け入れる、以外にない。 細かなことを追求しても理解できない、から追求しない。そもそもポイントはそこにない。 というわけで</html>…

perseInt();

int=integer=整数 整数として解釈しなさい、ということ。

console.log(); について

なんとなくわかった。

javascript ことはじめ

全体のおおまかな流れ 初期値。 演算。初期値を使った命令、計算。 表示。出力 <script> var ans = ((150*2+120*2)/2); alert(ans); document.write(ans); </script> 1行記述したら、行の終わりに(;セミコロン) document.write (); ブラウザに表示 alert (); ブラウザのア…