タグ

Tipsとjqueryに関するsomatのブックマーク (7)

  • Shibuya.js - Test.js LT テスターを支援する仕組みの話 - monjudoh’s diary

    お前、誰よ 文殊堂といいます BePROUD社員 お仕事 最近は、JavaScript時々Objective-C 今日のお話 自動テストの話はしません テスターによるテストの話をします タイミングによって発生したりしなかったりする類のバグってありますよね テスターさんがモンキーテストをやってくれてる時に見つけてくれたりします でも報告されるのは… 「何をやっているときに」 「何が起こったか」 つまり、「操作」と「現象」だけです 原因箇所を特定するにはプログラマもその操作をなんども繰り返さないといけません ダルい 何とかしたい 問題の実例 IE(主に6,7)で「操作は中断されました」が出る What Happened to Operation Aborted? – IEBlog HTML解析中にまだ閉じタグまで解析されていない要素(bodyとか)に対して、子要素の追加や削除を行うと「操作は中

  • jQuery form submit() is not working in IE6?

  • 6/6 jQueryのセレクタ 基本 [Javascript] All About

    jQueryのセレクタ 基(6ページ目)今回から、jQueryのAPI自体の使い方についても目配りしていきます。今回はまず、jQueryセレクタの基的なものから順番に試してみます。 selector1, selector2, selectorN 複数指定 カンマ区切りでjQueryセレクタを複数指定でき、指定されたすべてのセレクタにマッチさせます。 「,」で区切っていくつでもセレクタを増やせます。 たとえば、次のように書くと、#test要素内から、カンマで区切って列挙したすべての要素を検索し、colorを緑にします。 <div id="test"> <div id="myID1">myID1</div> <div id="myID2">myID2</div> <div class="myCLASS">myCLASS</div> <p>myP</p> <b>myB</b> <li>myL

    6/6 jQueryのセレクタ 基本 [Javascript] All About
  • HTML form readonly SELECT tag/input

    According to HTML specs, the select tag in HTML doesn't have a readonly attribute, only a disabled attribute. So if you want to keep the user from changing the dropdown, you have to use disabled. The only problem is that disabled HTML form inputs don't get included in the POST / GET data. What's the best way to emulate the readonly attribute for a select tag, and still get the POST data?

    HTML form readonly SELECT tag/input
    somat
    somat 2010/11/26
    select は readonly 属性ない。disaled にして hidden で値渡すのがポピュラーっぽい
  • ASCII.jp:jQueryによるLightbox風モーダルウィンドウの作り方|Web制作の現場で使えるjQuery UIデザイン入門

    HTMLCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML/XHTML(以下、HTML)とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素(今回はimg要素)はoverLayer内に配置します。 ▼サンプル01(HTML部分) <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i

    ASCII.jp:jQueryによるLightbox風モーダルウィンドウの作り方|Web制作の現場で使えるjQuery UIデザイン入門
  • jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog

    DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 (たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します) 確認する ちなみに、$().findや$().notはstring以外も渡せるた

    jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog
  • 14のjQueryベストプラクティス[to-R]

    14のjQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv

    14のjQueryベストプラクティス[to-R]
  • 1