HTML」タグアーカイブ

[javascript] フォームに入力された数値や文字列を取得する方法と注意点

By | 2017年7月26日

HTMLのフォーム(inputタグ)に入力された値(数値や文字列)を javascript を使って取得する方法についてです。 取得した数値で計算などを行う場合は注意しなければならない点がありますので、そのことについても記述します。 値を取… 続きを読む »

要素を均等に配置するための余白の計算式と計算プログラム

By | 2017年7月19日

Webページのレイアウトやその他のデザインにおいて、同じ大きさの要素を均等(等間隔)に配置したい場合があります。 最近は自動的に余白(マージン)を計算してくれるソフトも多いですが、手で計算しなければならない場合のための計算方法を記します。 … 続きを読む »

[javascript] クリップボードにテキストエリア内の文字列をコピーさせる

By | 2017年4月28日

javascript で、HTMLで作ったフォームの入力要素(input要素やテキストエリア)に書かれている内容をボタンのイベントなどでクリップボードにコピーさせる方法について紹介します。 以下は、今回紹介するスクリプトが動作するページで、… 続きを読む »

jQueryでアニメーションを行う DOMの利用(9)

By | 2016年12月6日

前回は jQuery で、id属性やclass属性による要素の指定方法とクリックイベントの登録について紹介しました。 今回は jQuery の強力な機能の一つであるアニメーションについて紹介します。 フェードインとフェードアウト jQuer… 続きを読む »

jQueryで特定の属性の指定やクリックイベントの設定 DOMの利用(8)

By | 2016年12月6日

前回は jQuery のダウンロードとその基本的な使い方について紹介しました。 今回は特定のid属性やclass属性を持つタグを指定したり、クリックに反応するボタンを作ったりする方法を紹介します。 特定の要素を指定して書き換える javas… 続きを読む »

javascriptでページ内のHTML構造の変更やタグの削除 DOMの利用(6)

By | 2016年11月25日

前回は javascript で DOM を操作してHTMLタグを動的にページ内に追加する方法について紹介しました。 今回はページ内のタグの構造(DOMツリー)を変更したり、タグをページから削除したりする方法を紹介します。 タグの位置を変更… 続きを読む »

javascriptでHTMLタグを新しくページに追加する DOMの利用(5)

By | 2016年11月21日

前回は javascript で特定のHTMLタグの属性を追加・変更・削除する方法について紹介しました。 今回は javascript で DOM を操作してHTMLタグを動的にページ内に追加する方法について紹介します。 新しくタグを作成し… 続きを読む »

javascriptでHTMLタグの属性を変更する DOMの利用(4)

By | 2016年11月19日

前回はjavascriptによる指定要素へのイベントリスナーの設定について紹介しました。 今回は、javascriptからDOMを利用して、ページ内のタグの属性を変更する方法を紹介します。 タグの属性操作サンプル 以下のサンプルソースコード… 続きを読む »