プログラマーな日々

I'm a Cloud Architect and Developer, and a trainee of the network engineer training course. I have certified by AWS and Cisco (SAA/SOA/DVA/CCNA). I especially have highly motivated to reduce toils.

2010-11-05から1日間の記事一覧

jQueryエントリのまとめ

ここまでのjQuery関連のエントリのまとめです。 エントリ jQueryをはじめました - プログラマーな日々 DOM要素の作成、操作、挿入 - プログラマーな日々 jQueryで種類を指定してフォーム要素を選択する - プログラマーな日々 グローバル名前空間での競合を回…

QUnitでJavaScriptのユニットテストを自動化する

QUnitを使うとJavaScriptのユニットテストを自動化できます。テストには以下が必要です。 testsuite.cssのインクルード testrunner.jsのインクルード idが"main"のdiv 詳細はソースコードを見てください。 ソースコード <html> <head> </head></html>

jQueryでAjaxを実装する

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div id="contents"></div> <input id="load" type="button" value="load" />…</body></html>

jQuery UIのテーマ

jQuery UIにはテーマと呼ばれるCSSのセットが用意されています。これを適用することで一貫したスタイルを実現できます。テーマはこちらからダウンロードできます。 Download Builder | jQuery UI以下のエントリーで作成したページにテーマを適用してみます。…

ドロップダウンメニュー

ソースコード <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </meta></head></html>

jQuery UIのオートコンプリート機能

ソースコード 「jquery-ui.js」をインクルードする必要があります。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <label for="month">月選択</label> </body></html>

1つのチェックボックスに基づいてすべてのチェックボックスを切り替える

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <fieldset> <legend>Reasons to be happy</legend></fieldset></body></html>

必要なデータをイベントハンドラに提供させる

ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="first" type="button" value="first" /> </body></html>