2011年04月24日

jQuery:jquerymobile開発 galaxy s(Android 2.2)でselectboxが動作しなくなる

CTOA日記さんの記事を参考にさせてもらいました。
jquerymobile開発 galaxy s(Android 2.2)でselectboxが動作しなくなる

>特定の状況ですがdata-native-menu="true"にした場合、galaxy s(Android 2.2)動作しなくなります。
>xperia(Android2.1)は動作しました。
>以下のフォーラムでも問題として出ていました。
>https://github.com/jquery/jquery-mobile/issues/1051
対応方法としてはフォーラムにも貼られている以下のサンプルページだと動作するので、カスタマイズされたjquery >mobileのソースとdefault.cssを使えば解決します。
>http://jquerymobile.com/test/docs/forms/forms-selects.html
>上記を反映した場合、デフォルトでdata-native-menu="false"が設定されるので注意が必要です。


上記のように、特定の条件でselectboxが動作しなくなる場合があります。
フォーラムにて解決はしているようなのですがjquery-mobile.cssをdefault.cssに変えなければなりません。
ですが、丸々変えることでレイアウトの崩れが生じてしまいました。(必ず崩れるかは未確定です。)
そこで、default.css問題の個所を見つけ、jquery-mobile.cssに入れ込むことで問題を解決しました。

http://jquerymobile.com/test/themes/default/
このdefault.css1558行目をjquery-mobile.cssの該当箇所と差し替えることで動作するようになりました。



2011年03月12日

javascript:配列のソート処理

配列の項目を指定してソート処理を行う。
多次元の場合も可能。

 var list = [
{"no":3, "cat":5, "body":"リンゴ"},
{"no":2, "cat":4, "body":"みかん"},
{"no":4, "cat":5, "body":"ナシ"},
{"no":6, "cat":3, "body":"バナナ"},
{"no":1, "cat":4, "body":"オレンジ"}
 ];
 list.sort(function(a, b) {return a.cat-b.cat});


参考サイト
http://ma-bank.com/item/752

javascript:小数点の表示フォーマット

小数点の表示フォーマットを設定するときに便利。
123.0とかのとき、123と表示されてしまうのでそんなときに。

var n = 12345.6789;

alert( n.toFixed() );   // 12346 が返る

alert( n.toFixed(2) );  // 12345.68 が返る
2011年02月03日

twitter:ウィジェットの使い方

サイトにtwitterのウィジェットを表示させる。

自分のtwitterページから
素材>全てのウィジェットを見る>自分のサイト>プロフィールウィジェット

プロフィールウィジェットページにてカスタマイズをする。
デザインとかサイズとか設定する。
「完了&コード取得」からコードを入手しサイトの表示したい個所に張り付ける。

これでOKです。

2011年01月27日

JavaScript:JavaScript で hidden属性<input type=”hidden” name=”name” value=”value”>を作成する

JavaScriptでsubmitするときに分岐してデータを入れたり入れなかったりできます。


function make_hidden( name, value, formname ){
 var q = document.createElement('input');
 q.type = 'hidden';
 q.name = name;
 q.value = value;
 if (formname){
  document.forms[formname].appendChild(q);
 }else{
  document.forms[0].appendChild(q);
 }
}