「JavaScript」カテゴリーアーカイブ
Json を読込んで PHP の配列に入れる
Json の構造は例えばこんな感じ
|
1 2 3 4 5 6 |
{ "Order": { "OrderStatus": 1, "OrderCount": 1 } } |
PHP で読み込むには json_decode を使う。
|
1 2 3 |
$json = file_get_contents($url); $arr = json_decode($json, true); var_dump($arr); |
jQuery Mobile テキストを省略せずに表示
jQuery Mobileは、モバイルに最適化したウェブを開発するための JavaScript & CSS フレームワーク。
なかなかにイイ感じになるのだが、初期状態のままでは、ボタンタイトルなどの長い文字列が「…」と省略されてしまう。
省略させたくない場合は、以下のスタイルを上書き。
[code lang=”css”]
<style>
.ui-header .ui-title, /* header */
.ui-footer .ui-title, /* footer */
.ui-btn-inner, /* button */
.ui-li-heading, /* listview heading */
.ui-li .ui-btn-text a.ui-link-inherit, /* listview link */
.ui-li-desc /* listview description */
{
overflow: visible;
white-space: normal;
}
</style>
[/code]
ちなみに JQuery Mobile 1.4 では効かないみたい。
dataTables で検索とかの表示位置を変更する。
jQuery の dataTables は、table のデータのソートやページングや絞り込みができる高機能で便利なプラグイン。
表示件数やフィルタ入力、テーブル本体などは DOM（Document Object Model）として扱われる。
で、「画面のモックと違うから、これらの表示位置を変えて欲しい」との要望が orz
（標準のまま使えやー！）
以下の方法で DOM の位置が変えられるので備忘録として記載。
DOM の位置変更
DOMの位置を上とか下とかに変更したい場合は以下の方法を使う。
横方向は css などを使うのかな？
- l – 表示件数
- f – フィルタ入力
- t – テーブル
- i – インフォメーション
- p – ページング
- r – 処理
- < と > – div 要素
- <“クラス” と > – クラスを持つ div
- 例: <“wrapper”flipt>, <lfip>
|
1 2 3 4 5 |
$(document).ready(function() { $('#example').dataTable( { "sDom": '<"top"i>rt<"bottom"flp><"clear">' } ); } ); |
DataTables DOM positioning example