jQuery・JS

jQuery(JavaScript)で複数のinputの値を取得する

JavaScript(jQuery)で複数のinputの値を取得する場合、name要素に同じ名前を設定することで値を取得することができます。 例:$('') 下のinputは、テキスト入力欄のname要素に同じ名前を付けた例です。 <inp...
jQuery・JS

FileReaderでローカルファイルを読込み内容を表示する

Input type="file"でファイルを設定することができるので、その中身をJavaScript(HTML5)を使いローカル(自分のパソコン等)にあるファイルを設定して中身を読込んで表示する方法について。 下にあるコードが、ファイルを...
jQuery・JS

input Type=”file”で設定したファイルのFileオブジェクトの取得方法

下のコードで、input type="file"で設定されたファイルからFileオブジェクトを取得できます。 var file = $('#file').files; 下のプログラムは、input type="file"でローカルファイルを...
jQuery・JS

CSVファイルをJavaScriptで読み込んで処理できるjQueryプラグイン

jQueryのPapa Parseプラグインを使うとCSVデータを比較的簡単に扱うこと出来ます。 Papa Parseを使いCSVデータを処理するには、$.parseを使います。第1引数に読み込んだデータを設定、第2引数でオブジェクト形式の...
APIプログラム

Google Chartでイメージ画像を表示する方法

Google Chartで作成したチャートを画像(PNG)として表示することができます。画像を表示するときに使うのが、getImageURIメソッドです。 下のコードでは、通常のチャート表示の他にボタンをクリックするとチャート画像(PNG)...