HTML

コンピュータ

HTMLとjQeryで作る生年月日リストボックスのサンプル

年月日を選択式で指定する入力項目のサンプルです。生年月日を想定して実行日から100年前まで範囲で50年前の年を初期値にしています。 <!DOCTYPE html><html lang="ja"&gt...
コンピュータ

Javascriptファイルをドラッグアンドドロップ出来るアップロードフォーム

アップロードするファイルをドラッグアンドドロップするフォームを良く見受けます。サンプルを作成してみました。 <!DOCTYPE html><html lang="ja"><head...
コンピュータ

PHPでHTTPリクエストの確認とCSSで作った送信ボタン

HTTPリクエスがGETなのかPOSTなのか、はたまたDELETEなのか確認する方法を調べてみました。また、CSSとJavascript(jQuery)で送信ボタンを作成してみました。 <?php ?><!DOCTYP...
コンピュータ

【HTML・CSS】文字列を右寄せする。

右寄せに表示することで数値などを見やすくしたい。 <div style='text-align:right;'>1,000,000</div><div style='text-...
コンピュータ

jQueryでHTMLの要素を動的に追加する。

項目数が可変の入力フォームを作成する必要があり、jQueryをつかって要素を動的に追加するコードを試作してみました。 追加ボタンをおすと入力項目が追加され、削除ボタンを押すと項目が一つ削除されます。 入力項目の値が変更されるとalertで...
コンピュータ

JavaScriptとCanvasで画像の一部を切り出して表示

HTMLのCanvasで座標を指定して画像ファイルを表示することが出来るようなので、一つの画像ファイルを6分割し一コマ一コマ表示してみました。 表示された画像をクリックすると次のコマが表示されます。 動くサンプルへのリンク ソースコード...
コンピュータ

JavaScriptでHTML5のcanvasを使って図形を描画

HTML5ではcanvasで図形を描くことが出来るので試してみます。 扇形 四角形 ソース window.onload = function() { var c = document.getElementById(&...