javascriptでreturn falseの使い方
javascriptでHTMLタグ(例えばアンカータグ)にonsubmitやonclickの属性を付けると、onclickで指定した関数を実行後に、処理の続きがされる。 分かりにくいので次の例で説明する。 <a h …続きを読む→
javascriptでHTMLタグ(例えばアンカータグ)にonsubmitやonclickの属性を付けると、onclickで指定した関数を実行後に、処理の続きがされる。 分かりにくいので次の例で説明する。 <a h …続きを読む→
映像(mp4)とそのサムネイルを作っておき、サムネイルをクリック時に映像を再生する。 サムネイル、mp4、タイトルはxmlファイルで定義する。xmlファイルは次のとおり。 <?xml version="1 …続きを読む→
javascriptでオブジェクトのプロパティにどんなものがあるのかを調べるには for (… in …) を使えばよい。例えば、<input>のプロパティを調べるには次のソースコード …続きを読む→
linear-gradient関数とはbackground-imageプロパティなど画像を扱うことのできるどのプロパティで線形グラデーションを指定する際に使用する。 線形グラデーションは、グラデーションラインとそのライン …続きを読む→
multiple background imagesは背景に複数の画像をそれぞれ表示したり、重ね合わせることができる。さっそく次の6種類の画像を重ね合わせることにした。 ? ?? IE8はmultiple bac …続きを読む→
今の時期、公園などに行くとアジサイがいっぱい咲いています。 普段は気にすることもないが、なんにでも興味を持つことを心がけようと持っていた携帯でアジサイの写真をとりました。 たわいのないことも注意深く観察すれば結構楽しいも …続きを読む→
HTML5からdetalisタグ、summaryタグが追加された。detalisタグはユーザーが追加で得ることのできる備考や操作手段などの詳細情報を示す際に使用する。summaryタグはdetalisタグの要素内容の要約 …続きを読む→
以前実現したスライドショーはIE8のみで確認していた。FirefoxやChromeなど他ブラウザで表示させてみると微妙に表示するボックスの幅にずれが生じていた。このずれを修正する方法はないかと探していると、CSSハックと …続きを読む→
HTML5からoutputタグが追加された。outputタグとはフォームの計算結果を表示するためのものである。各ブラウザのoutputタグ対応状況は次のとおりである。 ブラウザ サポート edge ○ Firefox ○ …続きを読む→
HTML5からmeterタグが追加された。meterタグは、特定の範囲内の測定値を示す際に使用するもので、例えば、ディスク使用量、検索結果の関連性、候補者の得票など。しかしmeterタグへのブラウザ対応状況は次のとおりで …続きを読む→