タグ: Javascript を抽出しています。
Total: 44

iPhone,form,button,jQuery、ボタンの形が変わる謎

ブログ | 2009/9/21 00:40
http://tw.9wash.com/
は、ほとんどjavascriptなのだけれど、

こんな感じでformを出力する。
<div id="disp"></div>
<script type="text/javascript">
<!--
$(function(){
  var h = '<form><textarea></textarea><button type="submit">投稿する</button></form>';
 $('#disp').html(h);
});

// -->
</script>

で、iPhoneでtextareaに入ると、投稿ボタンの形状が四角になる。いろいろ原因を探ってみたのだけれど、htmlで同じformタグを書いてもそういう挙動は起こらない。謎。


$('#disp').html(h);

document.getElementById('disp').innerHTML = h;
と書くと、そういう挙動は起きない。謎。

jQueryのhtml()が何か悪さをしているのだろうか?

Javascript, 配列は参照渡し

ブログ | 2009/9/10 03:13
http://d.hatena.ne.jp/toku-hiro/20070119
によるとそういうことらしい。

var  a = [1,2,3,4,5,6];
var b = a;
として、
bを変更したり、aを変更したりすると、どっちも変更される。

参照渡しが何かもよく知らないけれど。
▼追記 2009/9/12 21:50
常識じゃんと、学生に言われた。

Javascript 連想配列のソート

ブログ | 2009/9/9 03:20
http://d.hatena.ne.jp/toguni/20090410/1239338891
を参考にArray.prototypeを使いたくないので関数で、

bs = {}; //bsは気にしないで下さい。

bs.asort = function(hash,key){
 return hash.sort(function(a, b){
   return (a[key] > b[key]) ? 1 : -1;
 });
}

bs.arsort = function arsort(hash,key){
 return hash.sort(function(a, b) {
   return (a[key] < b[key]) ? 1 : -1;
 });
}

var hash = [{id:4444,data:'金麦'},{id:2222,data:'生麦'},{id:5555,data:'ライ麦'}];
hash = bs.arsort(hash,id);

これで、hashの並びがid逆順になる筈。

JS 配列のシャッフル

ブログ | 2009/8/12 14:22
「Javascript 配列 シャッフル」で検索すると
Array.prototype.shuffle = function() {
というのがでてくる。
http://la.ma.la/blog/diary_200608300350.htm

これだと、配列をinでループ
for(k in arr){
 v = arr[k];
}
させたときに、最後にshuffleというキーが挿入されている。in派の僕は、とても困った。

なので関数にする。
function shuffle(a){
   var i = a.length;
   while(i){
       var j = Math.floor(Math.random()*i);
       var t = a[--i];
       a[i] = a[j];
       a[j] = t;
   }
   return a;
}

iPhone、Safari、スクロール量(挫折)

ブログ | 2009/7/24 02:46
iPhone Safariは、スクロール量がとれないということで、何か技があるんじゃないかと、ここ数日あれこれ思い悩んでいたのだけれど、とりあえずタッチ座標を保存しておくことで、だいたいの位置に戻すみたいな方針でいくことにする。

var touchY;

document.addEventListener("touchstart", function(e){
 touchY = e.touches[0].pageY;
}, false);

こんな感じで、touchYにY座標を保存しておいて、

setTimeout(scrollTo, 100, 0, touchY);

こんなんで戻す。

さあ、やってみよう。
| 1 | 2 | 3 | 4 | 5 | 6 |

Rottel内コンテンツ

ユーザー一覧

Rottelとは?
利用規約
開発飲料
利用者の声
ヘルプ
close