感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

jQuery

Queryのイベント操作いろいろ

jQueryのイベント操作のまとめ ユーザーの操作を「イベント」といい、イベントに対して個別に処理を割り当てる。 割り当てられた処理プログラムのことを「イベントハンドラ」という。 イベントバブリングとは、イベントが泡のように親要素に伝搬することを表…

CSVファイルをテーブル付きのグラフにするjQuery plugin

準備 以下のプラグインをダウンロードする。 ■ccchart.js ccchart.jsは以下のURLからダウンロードできる。 http://ccchart.com/■csv2table.js csv2table.jsは以下のURLからダウンロードできる。 https://code.google.com/p/leocenter/downloads/detail?name=…

データをExcel風の表にして表示するjQueryプラグイン

データをExcel風の表にして表示するjQueryプラグイン JavaScriptで、ブラウザにキレイな表を表示させたいとずっと思っていた。 で、色々と探していたんだけど、jQuery Grid Pluginなるものがあった。 以下からダウンロードできる。 http://paramquery.com/デ…

jQuery & AjaxでサーバからのJSONレスポンスを読み込んでブラウザに表示させる。

Ajaxとは AjaxというのはAsynchronous JavaScript and XMLの略で、Webブラウザで実行されるJavaScriptプログラムとWebサーバとの間でデータを送受信する仕組みのこと。 Ajaxの処理を始めるために必要な設定項目は以下の通り。 処理を開始するきっかけ Webサ…

jQueryで手元のHTMLを読み込んで表示するサンプル。

Ajaxとは AjaxとはAsynchronous JavaScript+XMLの略で、ページを移動せずにWebサーバと通信を行い、表示内容を書き換えていく仕組みのこと。 jQueryを使って、手元にあるHTMLファイルを読み込んでみる ・ボタンクリックで、手元のHTMLを読み込んで表示するサ…

jQueryでCSVを読み込んでテーブルに表示させることができずにハマる。

こんな感じでサンプルを作っていたんだけれど、ハマる。 <html lang="ja"> <head> <title>jQueryでCSVデータを読み込んで表示させる</title> <meta charset="utf-8"> <link rel="stylesheet" href="jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.css"> </link></meta></head></html>

jQuery Ajaxで手元のテキストファイルを表示する。

イベントバブリングとは、DOMの子要素で発生したイベントがDOMの階層を伝わり、親要素へ、またその親要素へと伝搬していくこと。 bubblingとは、水の深いところから沸き上がってくるイメージ。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQuery Sample</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </meta></head></html>

Ruby on Railsのインストールでハマった。

WebにあるScriptからjQueryを使う 日本語おかしいかもしれないけれど、headに以下の記述を追加すれば、ローカルにjQueryをダウンロードしなくても使える。 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> ・要素の後ろにjQueryオブジェクトを挿入 $(document).ready(function(){ $('.header').after(…

勉強時間のメモ。

jQueryで選択した要素内に要素を挿入する(内部挿入) 以下の構文で要素を挿入することができます。 //選択した要素の先頭に要素を追加 要素選択.prepend("追加する要素のHTML"); //選択した要素の末尾に要素を追加 要素選択.append("追加する要素のHTML"); 例…

jQueryのメソッド。

jQueryのダウンロード http://jquery.com/ jQueryのお作法 jQueryを読み込むscriptタグは、head~/headの間に記述する。 jQueryを使用するJavaScriptよりも前に記述する必要がある。 $(function() { //処理 }); headに書かれるjQueryを使ったスクリプトを$(fu…