「HTML5」タグアーカイブ

ブラウザのファイルアップロード時のボタンを画像ボタンに変更する

投稿日: 2013/02/13 作成者: admin

ファイルをアップロードしたいときはブラウザの機能(input)を使うことになるが、その際表示されるボタンを画像ボタンに変える方法。結論から言うと、 – input要素を非表示とし、 – 用意した画像ボタンをclickした … 続きを読む →

カテゴリー: Tips | タグ: HTML5, javascript, jQuery | コメントする

投稿日: 2013/02/08 作成者: admin

ボタンを作成する button要素を使うと、input要素と同等の機能を持つボタンが作成できる。type=”button” で汎用ボタンになる。画像ボタンにする imgタグを使うと画像ボタンが作 … 続きを読む →

カテゴリー: Tips | タグ: HTML5, jQuery | コメントする

投稿日: 2013/01/18 作成者: admin

読み込んだGPSファイルをJSON形式に変換し、ダウンロード出来るようにする。 GPSファイルの読込・表示 JSON形式に変換 File APIでファイルを作成するファイルを選択する読込完了後、JSON形式に変換する … 続きを読む →

カテゴリー: Development | タグ: GPS, HTML5 | コメントする

投稿日: 2013/01/17 作成者: admin

HTML5の機能を利用すると、ファイルの作成が非常に簡単になる。ここでは、作成したファイルをローカル環境にダウンロードすることを想定。以前(2012年)は、Blob()ではなくBlobBuilder()を利用していた。 … 続きを読む →

カテゴリー: Tips | タグ: HTML5, javascript | 2件のコメント

投稿日: 2013/01/10 作成者: admin

読み込んだGPSファイルの内容を解析する。 1行目は固定のヘッダ 2行目からが実データ GPSデータは「NMEAフォーマット」という形式で、各行は＄で始まり改行で終わる。このフォーマットにはいくつかのデータタイプがあるが … 続きを読む →

カテゴリー: Development | タグ: GPS, HTML5 | 1件のコメント

投稿日: 2013/01/09 作成者: admin

GPSのファイルを読み込んで、ブラウザで表示する。当面のターゲットは、SonyのGPS-CS3K。ファイルの読み込み、表示の方法については、「ブラウザでFile APIが使えるかチェックする」「File APIでローカ … 続きを読む →

カテゴリー: Development | タグ: GPS, HTML5 | コメントする

投稿日: 2013/01/08 作成者: admin

ファイルを選択する以下のHTMLを表示すると、ファイルを選択する｢ボタン｣が表示される。(表示はブラウザにより異なり、｢ファイルを選択｣｢参照｣などとなる。) multiple属性を指定することで、複数のファイルを選択 … 続きを読む →

カテゴリー: Tips | タグ: HTML5, javascript | 2件のコメント

投稿日: 2013/01/07 作成者: admin

カテゴリー: Tips | タグ: HTML5, javascript | 1件のコメント