JS

新規windowを画面いっぱいに開くやつ

JS

レガシーWebアプリで必要になりがちなんで汎用化してみた。 jQueryがあれば $.OpenFullWindow() 、なければ OpenFullWindow() で実行可能。 画面表示の有効範囲分のサイズで開く(window.adjustWidth)。微調整はadjustWidthパラメータで可能。 実行例 OpenF…

キャメルケース化の正規表現

http://d.hatena.ne.jp/sutara_lumpur/20091206/1260087054 すたらさん、メモらせていただきます function toCakeCamelCase(str){ return str.replace( //文字列の先頭と、『_』とその直後の文字を取り出す /^.|_./g, function(match){ return match //ここ…

<meta http-equiv="X-UA-Compatible" content="IE=8">の罠

やっとIE8になった会社のブラウザやっと inline-block が使えるとよろこんだのもつかの間、「ツール」→「互換表示設定」の「互換表示でイントラネットサイトを表示する」にチェックが入ってて、外すことも許されないという状況やむなく <meta http-equiv="X…

JavaScript replace メソッドの正規表現 ()部分の参照

正規表現の()でくくった部分を $1 で参照できる 例えば Teeda で生成された Items 内の要素を jQuery で clone する場合は以下のようにして追加すればOK <input id="hoge" class="hoge" name="hoge:hogeItems:1:fuga"/> var base = $('input.hoge'); var name = base.attr('name'); base.clone().attr( 'name', name.rep…

JavaScript メモ

JS

配列 配列のコピーは concat でOK var arr1 = [1,2,3]; var arr2 = arr1.concat(); http://d.hatena.ne.jp/uupaa/20100116/1263640217 IE filter filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4000000, endcolorstr=#B4000000, gr…

or を使わない書き方

JS

var val='bbb' alert(val=='aaa' || val=='bbb' || val=='ccc')//true ↓ var val='bbb' alert(/aaa|bbb|ccc/i.test(val))//true おまけ プロパティ名のオブジェクト内の有無を調べる時は in を使う var name='bbb' var vals={ aaa:false, bbb:false, ccc:fal…

JS オンリーなニュースティッカー メモ

JS

http://okwave.jp/qa4798363.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"/> <script> window.onload=function(){ var $=function(id){ return document.getElementById(id) …</meta></head></html>

javascript の replace メソッドの第2引数に function

JS

alert("xxxjavaxxxoraclexxx".replace(/java|oracle/g,function(p){ return p.toUpperCase() })); // xxxJAVAxxxORACLExxx http://d.hatena.ne.jp/mtoyoshi/20090306/1236302099

インクリメントサーチで defaultValue をみて検索条件の変更を判定する

(function($j){ $j.incrementSearch = function(callback){ this.exec=callback; this.timer=null; } $j.extend($j.incrementSearch.prototype,{ queue : function(target){ var o=this; if(o.timer)clearTimeout(o.timer); o.timer = setTimeout(function()…

jQuery の each と apply とか

Number or String が Object に変換されるってのはつまり var n = 3 s.apply(n) function s { alert(this) // 3 alert(typeof this) // object } こういうことなんですね。 $.each の落とし穴 - Hig醇P au lait なるほどーつまり each はこんなかんじってこ…

exDomStorage と jQuery 併用すると UserData の localStorage[1].xml が・・・

こんなんなっちゃう <ROOTSTUB storage="{&quot;aaa&quot;:&quot;123&quot;,&quot;jQuery1236047738212&quot;:&quot;9&quot;,&quot;jQuery1236047813985&quot;:&quot;9&quot;}"/> jQuery1236047738212 みたいなのが画面をリロードする度増えていってしまう… ライブラリとの併用はあきらめるしかないかも。。。</rootstub>

Object はHashじゃない

JS

javascript - new Hash(); // Object はHashじゃないから - 404 Blog not Found try{ alert({'hasOwnProperty':false}.hasOwnProperty('hasOwnProperty')); }catch(e){ alert('WTF? ' + e); } なるほどー 実行時エラーになるように関数以外のものでオーバー…

IE6 で TD 表示・非表示制御

JS

IE6 の場合 <style> table.hide_a td.a{ display:none; } </style> <table class="hide_a"> <td class="a">aaa</td> <td class="b">bbb</td> </table> と先に table.hide_a を付与しておいて、 jQuery('table').removeClass('hide_a') としても表示されない。クラス名は付与せずに、 <table> <td class="a">aaa</td> <td class="b">bbb</td> </table> こうすればOK jQu…

display と visibility の使い分け

JS

td の内容物などでは visibility が有効。IE6 とかだと枠が消えちゃう。td * {visibility:hidden;}td * {display:none;}

setInterval 書き換えで高速化

JS

複雑で重くなった JavaScript を超高速化する方法3 - IT戦記

IE の JS 高速化

JS

/*@cc_on _d=document;eval('var document=_d')@*/ 一行で IE の JavaScript を高速化する方法 - IT戦記

IE6 の砂時計のちらつきを抑止する

JS

PCがメモリ浪費してる状態で、jQuery とかで animate 使ってると、砂時計がちらついて目障り。 以下で解決! try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} http://archiva.jp/web/html-css/ie6_background_flickr.html

offsetParent のバグ

JS

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="../lib/jquery/jquery_1_2_6.js"> </script> <script> jQuery(function($j){ alert($j('div.test1').offsetParent().attr…</meta></head></html>

jQuery で高さを求める

JS

$j('x').height() //border,padding,scrollbarを含まない高さ $j('x').attr('offsetHeight') //border,padding,scrollbarを含めた実際の高さ $j('x').attr('clientHeight') //paddingのみ含めた高さ $j('x').attr('scrollHeight') //clientHeightのtop位置(?…

IE expression メモ

JS

フッター位置固定 IEのブラウザ表示位置固定の方法について - ma-creators expression() > 仮想-position:fixed - m*s IEでボックスを固定配置する方法 - ウェブのあれこれ格納庫 画面の下からフィードバックフォームをスライド表示して固定する - Postal Se…

JS まとめメモ

JS

書き方いろいろ in の使い方 if('when' in data) { alert('キー「when」の値は「' + data['when'] + '」です。'); } 引数の数を変える (function(){ var arr=[11]; arr.push.apply(arr,arguments) var f=function(){ for(var i=0;i

JS勉強

JS

指数 eをつける。e=10の2乗 5e2 = 500 8進数、16進数 8進数リテラルは先頭が0で、その後1〜7がくる。 0377 // 3*64+7*8=255 実装によって8進数リテラルはサポートされてないので使用しないほうが無難16進数は頭に、0xをつける 0xff // 255 javascript:URL擬…

JS リンクメモ

JS

setTimeout をオブジェクト指向にしてみる - Kazuho@Cybozu Labsprototype.jsのbindを理解する - cloned.logJavaScriptの動かないコード(JavaScriptエラー集) - 主に言語とシステム開発に関してJavaScript ショートコーディングの10のコツ - 主に言語とシ…

正しい継承とは?

var f=function(){} f.prototype.a=function(){ alert('a') } var ins = new f alert(ins.constructor==f) // true alert(ins.constructor.prototype.a) // function(){alert('a')} ↑こう書くと関数aを参照できるけど・・・ var f=function(){} f.prototype=…

Arrayの書き方&拡張

JS

Array 基礎 var arr=['aaa','bbb','ccc'] //連結文字列化 alert(arr.join()) //aaa,bbb,ccc alert(arr.join('')) //aaabbbccc //抽出 alert(arr.slice(1,3).join()) //bbb,ccc //ソート alert(arr.reverse().join()) //aaa,bbb,ccc alert(arr.reverse().sort…

jQuery メモ

JS

逆引き テキストノードも含めた子要素の個々に対し、処理したい場合 contents() //個別の要素をborderで囲う $j('body').contents().wrap('<div style="border:solid 1px red"></div>') iframe内のbodyを取得したい場合 $j('iframe').contents().find('body') テキストノードも含めた子要素全体をラッ…

jQuery オブジェクトを汚染させずに plugin を追加する

JS

というより、plugin用 jQuery を生成し、それに plugin を追加最新→http://d.hatena.ne.jp/cyokodog/20081026/jqueryMyJQ01 jQuery(function($j){ $j.myJQ=function(ext){ return arguments.callee.impl.build($j,ext) } $j.myJQ.impl={ build : function(cn…

JS , jQuery 汎用ルーチン定義環境メモ

JS

疲れた JS向け (function(){ var myUtil = { f : function(){}, clone : function(o){ this.f.prototype=o; return new this.f; }, extend: function(obj,ext){ for(var i in ext)obj[i]=ext[i];return obj; }, classLoader : function(){ return function()…

Shift_JIS HTML 上でも XHR で漢字データを送れる!?

JS

こちらを読んでみて・・ XMLHttpRequestのoverrideMimeTypeでcharsetを指定すれば文字化けはしないはずですよとアドバイスした。 jQuery.ajax で overrideMimeType する方法 - hogehoge 「jQuery.ajax(options)を利用した場合overrideMimeTypeを上書きできな…

EX DOM Storage の調査結果

JS

前回の続き。 いろいろ試した結果です。 ブラウザを閉じてもsessionStrageのデータが消えない 不具合? 画面ロード時にsessionStrageが参照できない 画面ロード時、sessionStrageはsetTimeoutを使用しないと参照できない。0秒後でもOK。localStrageの場合は…