サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
wonohe.hatenadiary.org
javascriptのコーディングをするとき、オライリーのクイックリファレンスは必須ですが、 けっこう重い本なのでいつも持ち歩いてるとは限らない。 でも、オブジェクトのメソッドが知りたいとかっていう場合ありますよね。ね。 私がよく使うのはこれです。 Windowオブジェクトの内容を調べる var objList; for(i in window){ objList = objList + i + '\n' } alert(objList) //メソッド・プロパティの一覧がアラートされます for〜in文で、オブジェクトの配列数だけ回します。 で、キーを表示させればメソッド・プロパティが表示されます。 ただ、これだとアホみたいにデカいアラートが表示されてしまうので、 //結果出力用のhtmlを作成 var outputTag = document.createElement('textare
タイトル長いですが、そのまんまです。 jqueryでロールオーバーを実装すると、ブラウザバックで戻ったときにロールオーバーされたままに なっていたので、それを解消するスクリプトを作りました。 /* ロールオーバーイメージ表示 ---------------------------------------------------------------- */ var imgChange = function(){ var img_out; //mouseout時のsrc属性を格納 var img_in; //mouseover時のsrc属性を格納 var objChangeImg = $('.change'); var hoverDom = { //マウスオーバーされているDOM要素 "tarDom":"", "img_out":"" }; objChangeImg.hover(funct
http://pasokoma.jp/bbs6/lg115693 http://gac.kir.jp/10/20864 この質問で出ているような現象。この現象が自分のところでも起こった。 どういう現象かというと 1)入力フォームに値を入力 2)入力した状態のまま、「新しいウィンドウ」を開く 3)次画面に遷移する 4)ブラウザの「戻る」ボタンで戻る(もしくはhistory.back()) 5)入力項目が消えている 本来ならば、入力項目を保持されるはず。 どうも色々調べていると、サイトによってキャッシュが消えてしまう場合があるらしい。 複数ウィンドウを開いたままブラウズしていると、キャッシュが消えるとのこと。 これを回避するために、下記のように明示的にキャッシュを残させるようにした <meta content="86400" http-equiv="Expires"/> 一応これで解決。 ただ
が、ここに載ってた。 http://blog.creamu.com/mt/2008/03/cssminheighteasiest_crossbrows.html ■min-height .foo { min-height:100px; height: auto !important; height: 100px; } ■min-width .bar { min-width:100px; width: auto !important; width: 100px; } やってみたら確かにいけたんだけど、理屈が分からない。 IE6にあるバグとしてimportant属性を設定したプロパティが、 同一セレクタ内に複数あると無視されるってのはあるんだけど、 .hoge{ height:100px; !important height:200px; } →IE6の場合は、height:200pxが優先さ
俺だけかもだけど。 jqueryといえば強力なセレクタが一番の魅力ですが、よく忘れるのでメモ。 $('ul') とかってすると、ドキュメント全体のulタグを取得できる。 $('div#hoge ul') ってすると、idがhogeであるdivの中にあるulタグを取得。 ちなみにこれは以下のように書いても同じ。 で、$()関数にはコンテキストを指定できるんだけど、これが忘れがち。 上記の例は下記のようにも書き換えられる。 $('ul',$('div#hoge')) このコンテキストっていうのを案外忘れがち。知ってると便利なんだけど。 thisと一緒に使ったりすると便利なんだよね。 $('div#hoge ul').click(function(){ $('p',$(this).parent()).slideToggle("normal"); }); っていう風にすると、hoge内のulをクリ
jqueryでclassがついている属性を取得する場合は以下のようにすればできる。 $('div[@class]') もしくは $('div[@class="hage"]') とすれば取得できる。 では逆に、class="hage"がついていない属性を取得する場合は $('div[@class!="hage"]') で取得可能。 ただ、「class属性がない」要素のとり方は分からんのだよな。。。 今日のお疲れ!BGM♪ Decadence Dance/Extreme
http://q.hatena.ne.jp/1213063487 以前にもハマったんですが、ブックマークしてなくてまたハマった。 腹立ったので(自業自得だけど)二度と忘れないようにアウトプットしておく。 下記のようなHTMLで <div> <p><a id="iyayo" href="sukinouti.html">いやよいやよも好きのうち</a></p> </div> hrefの値を取得しようと思うと、以下のようなjavascriptで取得できる。 var iyayo = document.getElementById('iyayo'); var iyayo_href = iyayo.getAttribute('href'); alert(iyayo_href); Firefoxとかだとこれで問題なく「sukinouti.html」がアラートされるんだけど、 なぜかIEだとhttp://
ここ何週間かMT漬けでした。仕事でMTが導入することが決まり、あれよあれよという間に 私の手元に。ちょうどいい機会だからがっつり勉強すっかー、という訳でMT漬けってましたよ。 で。 MTが何なのか、という説明は置いといて。(超ざっくり書くと「ソース生成マシン」。ブログ記事を入力して ポチっとすると、決められたテンプレートに沿ってソースを生成する。それだけ。) MTにはMTIfタグっていう条件分岐を指定するタグがあるんですが、これについてメモメモ。 MTIfについて <$MTSetVar name="hoge" value="baka"$> <MTIf name="hoge" eq="baka"> ここ変数hogeの値がbakaと一致した場合の処理を書く </MTIf> 要はMTSetVarで宣言した変数と、指定の値と一致している(していない、とかいう指定もできますが) かどうかを調べる。変
http://itpro.nikkeibp.co.jp/article/COLUMN/20080701/309850/ ちょとネガティブかもですが、これに触発されて私も書いてみます。 紙媒体と同じ考えで作成されたデザイン 紙媒体のデザイナーさんが、Webデザインをすると結構すごいのがきます。 グラデーション・透過をいっぱい使ってたり、図形に沿って文章が組まれていたり。 「いや、それHTMLじゃ無理だから・・・」と言いたくなるような箇所が随所にある。 実現しようと思えばできなくはないんだけどさ・・・・・ 各ページでルールがバラバラのデザイン。 「こっちのページではボタン間は10pxだけど、こっちでは5px」とか 「微妙に真ん中じゃない」とか。こういう場合、結構悩みます。 意図があってそうしているのか、単にポリシーがないだけなのか。 各ページでルールがバラバラだと、CSSを書き分けないとダメな
このページを最初にブックマークしてみませんか?
『生涯一マークアップエンジニアだっ!!』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く