JavaScript

ファイルアップロードサンプル(using JSON with JAX-RS and JAXB)

前回2015-11-01 - tomoTakaの日記とは、違ってファイルをJSON形式でアップしてみたかったのちょっと実装してみました。 クライアント側(JavaScript)で選択したファイルを読み込んで、Base64encodeした文字列をサーバにXMLHttpRequestを使って送信。クライ…

File upload sample

ここAngular: All About Input Type=”File” | Hence A Hedgehogを参考に前回のファイルアップロードFile upload sample1 - tomoTakaの日記をAngularJsを使ってちょっと実装。 画面 初期表示時 アップロードファイルを選択後 ファイルを2つ選択した結果。以…

File upload sample1

今更ですが、ファイルのアップロードをちょっと勉強。ここUsing files from web applications | MDNを写経しただけですが、とりあえずメモとしてブログに書いてみました。 作成したページ コード filesample.html <html> <head> <title>file upload sample</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </meta></meta></head></html>

Promiseをちょっと試してみた

ちょっとPromiseを勉強したのでメモメモ。(ここPromise - JavaScript | MDNを参考にしました) 画面で「Resolve」と「Reject」の処理時間を指定して、時間が短い方を実行する処理を実装。 実行結果の画面(1秒後にResolveが実行) 実行結果の画面(2秒後にRej…

TableにTRを動的に追加するメモ

前回TableのcloneをjsとjQueryで速度調査メモ - tomoTakaの日記は、cloneを使って速度をはかってみたが、createElementしてもそんなに速度が変わらない? DocumentFragmentを使った場合もそんなに変わらないのは、実装方法がいけてないのかな(^^; create by …

TableのcloneをjsとjQueryで速度調査メモ

以下のようなTableで指定した行数文のtrをcloneして作成。 Chromeを使ってテスト、JavaScriptとjQueryで速度計測。1000個trを追加したのに両方とも1秒もかかっていない! コードの読みやすさとか、メンテナンスとかを考えるとやっぱりjQueryで実装した方が…

動的に追加した要素にcssが適用されるか試してみる

以下の画面では、いずれも「nth-of-type() 」で指定したスタイルが適用されて1行毎に背景色が設定されていました。 1,2行目はHTMLで最初から指定 3,4行目はjQuery(version2.0.3)で追加 5,6行目はJavaScriptで追加 最近、jQueryで追加した行の背景色が設定さ…

closure sample

Flex(ActionScript)でクロージャーを実装したので、ちょっとメモ。 JavaScriptでの実装とちょっと違っていて?思った以上にはまりました。(汗) 以下の画面をJavaScriptとActionScriptで実装 「add1」「add2」のボタン毎に持っている値を「add1」ボタンをク…