タグ

*jQueryに関するjetta_swinginのブックマーク (147)

  • jQuery won't parse my JSON from AJAX query

    I'm having difficulty parsing some JSON data returned from my server using jQuery.ajax() To perform the AJAX I'm using: $.ajax({ url: myUrl, cache: false, dataType: "json", success: function(data){ ... }, error: function(e, xhr){ ... } }); And if I return an array of items then it works fine: [ { title: "One", key: "1" }, { title: "Two", key: "2" } ] The success function is called and receives the

    jQuery won't parse my JSON from AJAX query
    jetta_swingin
    jetta_swingin 2012/02/28
    jQueryのajaxメソッドでparseerrorが出るときは、1.文字列の括りがダブルクオートにする、2.Objectのキーもダブルクオートで括る、3.ヘッダのmimetypeをapplication/jsonにしてみる。
  • fancyboxがIEで表示されない | Moral Hazard!! | モラルハザード!!

    画像をシンプルに拡大表示してくれるスクリプト、fancybox。 MITライセンス(スクリプト内の著作権表示を消さなければ商用サイトにも使える)で重宝するのだが、導入時にIEで表示されずに少し詰まったのでメモ。 導入はこちらのサイトを参考に。 jquery.fancybox.cssを開くと、後半のIE用の画像を指定する部分がずれている。 僕はサイトルートから/js/fancybox/の中にファイルを入れていたので、 fancybox/fancy_loading.png以下IE用の画像指定を全部 js/fancybox/fancy_loading.pngに変更する事で解決した。

    fancyboxがIEで表示されない | Moral Hazard!! | モラルハザード!!
    jetta_swingin
    jetta_swingin 2011/06/29
    lightbox系のfancyboxはそのままでは、IE6やそれ以降のIEでも、影やボタンなどが表示されない。cssの中の画像パスを差し替える必要がある。
  • stefangabos - Overview

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    stefangabos - Overview
    jetta_swingin
    jetta_swingin 2011/04/28
    jQueryプラグインを自作するときのテンプレート。プロパティやメソッドやヘルパーが各ローカルスコープになってて、間違えにくいし、視認しやすい。
  • Fancybox - Fancy lightbox alternative

    This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi

    jetta_swingin
    jetta_swingin 2011/04/19
    lightbox系。
  • Interface elements for jQuery - About Interface

    Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery. The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commerci

  • prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog

    どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な

    prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
    jetta_swingin
    jetta_swingin 2011/02/04
    window.onerrorを定義しておくと、ページ内で起きたすべてのJavaScriptエラーを捕まえてくれる。
  • jQuery.parseJSON()について | バシャログ。

    こんにちは、「検索と発見のためのデザイン」(オライリー・ジャパン)を買いました。同じ著者の「アンビエント・ファインダビリティ」は発見可能性の広い枠組みを考える読み物でしたが、こちらは実際に検索システムをデザインするときの枠組みを提供してくれるって感じです。 さて、今日はそんなユーザー寄りのデザインの話ではなくjQueryの実装の話です。 最近のjQueryライブラリには、Ajax通信でサーバーから取得したデータをハッシュ(JavaScriptのオブジェクト)として利用できるようにするためにjQuery.parseJSON() というメソッドがついています。(1.4.1〜)これ以前はXMLHttpRequestの処理とセットになっていて、JSONのパースだけ単体で利用できないようになっていました。(…といってもJSON文字列をevalしているだけだったようですが…) jquery-1.2.

    jQuery.parseJSON()について | バシャログ。
    jetta_swingin
    jetta_swingin 2011/02/03
    json解釈器の実装。
  • FORM の登録確認のダイアログ表示に jQuery Alert Dialogs を使う方法 - Cyokodog :: Diary

    jQuery Ex Alert Dialogs の更新履歴 2011-06-07 Ver 0.1.2 各種パラメータの指定、API オブジェクトの取得をできるようにしました。 毎度ながら地味なネタですが、FORM 要素で登録確認のダイアログを表示する際、jQuery Alert Dialogs で代替えする方法について書いてみたいと思います。ちなみに jQuery Alert Dialogs とは、独自デザインなダイアログを表示してくれる jQuery プラグインです。 alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」- PHPSPOT confirm 関数で登録確認ダイアログを表示する FORM の SUBMIT ボタンクリック時に、登録確認のダイアログを表示させる場合、通常以下のような書き方で confirm 関数を使用す

    FORM の登録確認のダイアログ表示に jQuery Alert Dialogs を使う方法 - Cyokodog :: Diary
    jetta_swingin
    jetta_swingin 2011/01/26
    jQuery Alert Dialogsを更に使い勝手よく拡張するプラグイン。
  • jQuery Custom [:] Expression Test

    jetta_swingin
    jetta_swingin 2011/01/18
    jQueryのフィルタを自前で作成
  • Extending jQuery’s selector capabilities – James Padolsey

    I’m sure you all know that it’s possible to create plugins and extend various aspects of the jQuery JavaScript library but did you know you could also extend the capabilities of it’s selector engine? Well, you can! For example, you might want to add a new ‘:inline’ selector which will return those elements that are displayed inline. Have a look: $.extend($.expr[':'],{ inline: function(a) { return

    jetta_swingin
    jetta_swingin 2011/01/18
    jQueryで自前フィルタを作成。いろいろサンプルあり。
  • 2/3 jQueryのセレクタを自作してみる1 [Javascript] All About

    2/3 jQueryのセレクタを自作してみる1 [Javascript] All About
    jetta_swingin
    jetta_swingin 2011/01/18
    jQueryのフィルタを自前で作成する
  • select 要素の change イベントを補正する jQuery exChange Select - Cyokodog :: Diary

    先日、select 要素の値を矢印キーで変更してたら jQuery の change イベントが起動しないという事象に遭遇しました。例のごとくまた IE6 固有の問題かと思ってたのですが、念のため調べてみると Opera 以外はほとんどのブラウザで再現してしまいました。 という訳で select 要素で正しく change イベントを起動させる jQuery プラグインを作ってみました。 矢印キー change イベント対応ブラウザの調査 select 要素の値を矢印キーで変更した場合に、change イベントが正しく起動されるブラウザを、jQuery のバージョン別に調べてみました。結果は以下の通り。 jQuery 1.3.2 jQuery 1.4.2 jQuery 1.4.3rc2 IE6 ○ × × IE7 ○ × × IE8 ○ × × Firefox 3.6.10 × × × S

    select 要素の change イベントを補正する jQuery exChange Select - Cyokodog :: Diary
    jetta_swingin
    jetta_swingin 2010/10/15
    jQueryデフォでは矢印キーの選択でchnageイベントが起動しないのを解決。
  • extend で継承 - わからん

    jQuery の extend を用いた継承の書き方を調べました. ▼ コード $(function() { // 親クラスの定義 var PClass = function() {}; PClass.prototype = { fn1: function() {}, fn2: function() { console.log("親クラスの fn2 を実行"); }, fn3: function() { console.log("親クラスの fn3 を実行"); }, }; // 子クラスの定義 var CClass = function() { console.log("CClass のコンストラクタを実行"); }; $.extend(CClass.prototype, PClass.prototype, { fn1: function() { console.log("子クラスの f

  • Third-Party Libraries - GreaseSpot Wiki

    With the @require metadata imperative, one can include entire extra files into a user script. This can also be used for including entire third-party libraries like jQuery or ReactJS. Most general purpose libraries are not written to operate within the Greasemonkey sandbox and thus may not work properly, so tread carefully. jQuery For a simple example, here is a way to load and use jQuery in your u

    jetta_swingin
    jetta_swingin 2010/09/15
    GreaseMonkeyでjQueryを使う方法。@requireにて指定するべさ。
  • 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]
    jetta_swingin
    jetta_swingin 2010/09/14
    jQueryフィルタを自前で作成するサンプル有り。$.extend(jQuery.expr[":"], {...})
  • HTML をプレゼン形式に表示する jQuery プラグインを作ってみた - Cyokodog :: Diary

    先日「jQuery の紹介」と題して、職場(情報システム部門)向けのプレゼン資料を作成する機会がありました。うちの職場では「新技術紹介」という名目で、隔週でプレゼンを行うという決まりがありやむなく作ったものです。(資料の内容自体は、大量にブクマした記事から jQuery の紹介文の部分だけをコピペして作った手抜き資料ですが・・・) はじめはパワーポインタで作ってた資料ですが、jQuery の紹介で jQuery のプレゼンツール使わないのもどうかなと思いプラグインを探しはじめましたが、例のごとくなかなか IE6 にもやさしいやつを見つけられずに・・・(会社の標準ブラウザは未だに IE6 なんです) そんな訳で、結局自前で作ることになった jQuery ベースのプレゼンツールを紹介致します。 機能概要 html モードとプレゼンモード html モード(普通の html ページの表示)とプレ

    HTML をプレゼン形式に表示する jQuery プラグインを作ってみた - Cyokodog :: Diary
  • テキストを面白く表示するJavaScript「jQuery Text Effect Plugin」

    twitter facebook hatena google pocket テキストが普通じゃつまらない。 そんなあなたには、こんなJavaScriptはいかがでしょうか? テキストサイズを徐々に大きく(または小さく)してくれるjqIsoText: jQuery Text Effect Pluginです。 sponsors 使用方法 jqIsoText: jQuery Text Effect PluginからjqIsoText.js をjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jqIsoText.js"></script> <script> $(function(){ $('.class

    テキストを面白く表示するJavaScript「jQuery Text Effect Plugin」
  • flexigrid.info

    flexigrid.info 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

  • どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509

    jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基バリデーションルール 3. select, checkbox、radio、複数項目の場合 4

  • AjaxZip 2.0

    Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ