2014-02-01から1ヶ月間の記事一覧

Androidのtoast(トースト)みたいなやつをブラウザ上で実現するためのライブラリ

ブラウザ上でtoastを実現するJavaScriptライブラリを探してみた。toastr https://github.com/CodeSeven/toastrこんなのを見つけた。 簡単そう。追加ボタンを押したら・・・ こんなモーダルダイアログを用意して、必要事項を入力後・・・ 登録ボタンを押すと…

外部からJSONでリストを取得して画面に表示する

タイトル通りだけど、外部のJSONファイルにアクセスして取得したオブジェクトを画面表示してみる。 出来上がりはこんな感じまずは、以下のようなJSONファイルを用意する。userlist.json {"userList" : [ {"user" : { "id": "U0001", "name":"湯沢太一", "mai…

Bootstrapでformを横に配置

上記のようにformを横に配置する場合はform-inlineクラスを使用すればよい。 <form class="form-inline" role="form"> <div class="form-group"> <input type="text" placeholder="検索" id="searchWord" class="form-control"> </div> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-search">検索 </button> </form>

AngularJSのネームスペース

今回はAngularJSのネームスペースの話をします。 AngularJSのネームスペースには以下の種類があります。 ネームスペース インクルードするJSファイル 説明 ng(core module なし(デフォルトで使用可能) デフォルトで提供されるAngularJSのコアコンポーネント…