タグ

ブックマーク / h2ham.seesaa.net (5)

  • jQuery1.4から追加されたjQuery.proxy()を試してみる

    Quick Tip: Learning jQuery 1.4's $.proxy | Nettuts+ jQuery 1.4で追加されたjQuery.proxy()、この使い方について解説がされていましたので、ご紹介。自分なりに変化させたりしていざチャレンジ!! jQuery.proxy()ってなに? This method is most useful for attaching event handlers to an element where the context is pointing back to a different object. Additionally, jQuery makes sure that even if you bind the function returned from jQuery.proxy() it will still unbind the

    jQuery1.4から追加されたjQuery.proxy()を試してみる
  • jQueryメモ:親要素だけ消すってどうやるんだろう?

    上の図にしたように、子要素を持つ親要素のみを削除したいとき、 jQueryを使って表現するにはどうしたらいいんだろう? なんてのを悩んで結局できなかった。 とりあえずためしたものをメモエントリーとして書いておく。 2009/02/18修正 できなかった例 一応使用HTMLHTML <a href="#damy"><span>ダミーテキスト</span></a> これにJavaScriptを適応させて、 リンクが外れていたら成功になる。 失敗だと、上のようなままか、もしくは中身が消失する。 当然remove()は中まで消える ■スクリプト $(function(){ $('a[href*="damy"]').remove(); }); ちなみに、$('a[@href*="damy"]')の部分はa要素のリンク先のURLで 「damy」の文字を含んでいるリンクを対象とするという指定です。

    jQueryメモ:親要素だけ消すってどうやるんだろう?
  • float関連の問題で覚えておくべき5つの対策

    CSSのfloat関係って、基的に覚えておくべき事ですが、 動作がいまいちわかり辛かったり、バグが多かったりと、 float一つとっても覚えておくべきことって多いと思います。 なのでfloat関連の問題で覚えておくべき解決方法や 回避方法のことなどについてをまとめてみた。 1)floatしたボックスの下にコンテンツがこないようにする 写真の横に文字をもってきて、その文字が多ければ 写真の下にも文字をもってくる・・・というような場合は、 単純にimgにfloatをつけるだけでできるのですが、 コンテンツが下に来ないようにしたい場合はどうしたらいいか。 ■例1ー1(imgにのみfloat:left、下に回り込む) ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキス

    float関連の問題で覚えておくべき5つの対策
    tokada
    tokada 2008/11/13
  • jQuery自作:高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”

    高さの違うブロックを同じ高さにする方法は既に沢山でているのですが、 jQueryでできないかなって考えてみて、作ってみた。 これを使えば、内容量によってブロックの高さが変わっても、 自動的に揃えることができます。 今回はダウンロードできるようにしました。 リンク先を保存で保存して利用してください。 ダウンロード:jquery.sameHeight.js 動作を確認したブラウザは Firefox3、IE6、IE7、Safari3、Opera9.6、Chrome。 そのうち、SafariとChromeは設定によって若干うまくいかない時があるようです。 使い方 jQueryが無いと動かないので、ダウンロードしてきてください。 そして今回のプラグインもダウンロードしておく。 そして二つを利用するために、head内に記述。 <script src="js/jquery.js" type="text/

    jQuery自作:高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”
  • jQuery自作:カラム落ちも防止できる!幅の違うブロックを同じ幅にする”jQuery SameWidth Plugin”

    先日高さの違うブロックを同じ高さにするプラグインを作りましたが、 (高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”) それの横幅バージョンを作ってみました。 また、カラム落ちを防ぐ機能もついているので、 横幅が揃っている場合でも使えるものになるのではないかと思います。 今回はダウンロードできるようにしました。 リンク先を保存で保存して利用してください。 ダウンロード:jquery.sameWitdh.js 動作を確認したブラウザは Firefox3、IE6、IE7、Safari3、Opera9.6、Chrome。 今回emでの指定などのことは見ていない状態での結果は全て大丈夫でした。 emなどpx指定以外にしてしまった場合、どうなるかは今のところ不明です。 使い方 jQueryが無いと動かないので、ダウンロードしてきてください。 そして今回

    jQuery自作:カラム落ちも防止できる!幅の違うブロックを同じ幅にする”jQuery SameWidth Plugin”
  • 1