jquery.upload.jsがIEのみで動作しない事象の対応 » FutureSoftware開発日誌 Ver2.0
自宅サーバ－で開発したアプリをレンタルサーバーにインストールしたところ、IEからjQuery.uploadで画像をアップロードする処理が正常に動作しないという現象に遭遇しました。 不思議なことに、ChromeやFirefoxでは全く問題なく動作し、自宅サーバーに接続している限りはIEでも正常に動作します。 アプリの概要としては、よくあるユーザー情報登録系の処理で、利用者の写真をアップロードする際に、画面を更新せずともアップした写真が反映される仕組みの為にjQuery.uploadを使っていました。 また、この部分はライブラリ化されており、過去にも同じ仕組みを使ってプログラムを開発していたので、何が原因なのか分かりませんでした。 早速IEのデバッガを使って調査してみると、handleData関数の最初の処理で躓いていることが分かりました。 if ($.isXMLDoc(contents) |
Edit In Place with AJAX Using jQuery Javascript Library by 15 Days Of jQuery
I originally saw a version of this concept on Quirksmode and then a more Web 2.0-ish version on the 24 Ways site. I’m going to show you two ways that you could use jQuery to accomplish the same effect, or better. The Goal An AJAX (or AHAH) proof-of-concept page that allows the visitor to edit the very (x)HTML page they are viewing, without leaving the page. The Concept Click the text to be edited
AJAX-enabled Sticky Notes With PHP & jQuery
Today we are making an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database. We are using version 1.4 of jQuery and the fancybox plugin (you can also check our CSS3 Lightbox Gallery Tutorial, where we also used fancy
404 Not Found
The requested URL was not found on this server. 网站未备案禁止访问，此网站内容已被删除
jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる
私は jQuery で Ajax を使ってデータを POST で送信する際に以下のようにコードを書いていて躓きました。 var hoge = 'str&ing'; var fuga = 'string'; var data = 'hoge=' + hoge + '&fuga=' + fuga; $.ajax({ type: "POST", url: "/ajax/add", data: data, success: function() { alert('success'); } });
Web Dev .NET: Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()
Monday, February 06, 2012 Differences Between jQuery .bind() vs .live() vs .delegate() vs .on() Introduction I've seen quite a bit of confusion from developers about what the real different is between the .bind(), .live(), .delegate(), and .on() methods are jQuery and when they should be used. If you want, you can jump to the TL;DR section and get a high-level overview what this article is about
PHPとjQueryを使ってアルミ缶を水平に切る方法 | Flash,Webデザインネタ紹介ブログ【猫の倍返し】
PHPとjQueryを駆使して、物理的に切ります。 用意するもの PHPのテキスト jQueryのテキスト カッターの刃 紙定規 アルミ缶 まずは、このように重ねます 紙定規をあて、位置を決めます。今回は５cmの高さにします。 ページを開くと「CSS3セレクター」について書かれていました。なるほど、ためになりますね。 そこのカッターの刃を挟みましょう。向きを間違えないように注意が必要です。 片手で上からグッと押さえ付けます。 その刃に缶を当てて・・・ 矢印の方向に数回回転させましょう。根気よく回します。 ５、６回でこのように切れ込みが入ります。 指で押すと、裂けます。さほど力は要りません。 うまく切り取れましたね。 まあ、人間ですから誤差はあります。
[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
複数選択するフォームのselectを見やすく使いやすくするjQueryプラグイン・jQuery UI Multiselect
良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いどころがありそうです。 フォーム周りは覚えておくと便利ですよね。 jQuery UI Multiselectは複数選択するselectを見やすく使いやすくしてくれます。
第3回 jQueryの基本（回答編） | gihyo.jp
お題の復習 まずは前回出したお題を復習しましょう。前回のお題は以下のようなHTMLがあったときにマウスオーバーでサブメニューを表示するようなUIをjQueryを使って書くというものでした。 お題（連載第二回目） お題（連載第二回目） - jsdo.it - share JavaScript, HTML5 and CSS たくさんforkしていただいてありがとうございました。今回は回答編ということでみなさんにこのお題をforkしてもらった作品を紹介しながらjQueryを使ったマウスオーバーでのメニュー表示機能を解説していきます。やってみてわからなかった人は模範解答を参考にしてみてください。 模範解答 ではまず模範解答を見ていきましょう。他にもよくできていた作品はたくさんありましたが、模範解答の例として以下の作品を紹介します。 forked from: お題（連載第二回目） - jsd
jQuery1.5のsubとthenを使ってRSSリーダーを作る:</gecko>：げことじ。：日常からWEBまで：
jQuery1.5がリリースされたのでさっそく新機能を使ってみました。 jQuery.sub jQueryのクローンを作って、jQueryを汚さずにメソッド拡張したり既存のメソッドを上書きしたり出来る。 という事なので、prependToを上書きしてprependToが実行されたら何かする事が出来るんじゃないか？と思いました。 deferred.then() $.getや$.getJSONした時にthenをメソッドチェーンすることで第一引数に成功時のコールバック関数、第二引数に失敗時のコールバック関数を指定できます。 とりあえず習うより慣れろということでドキュメント見ながら作ってみました。 ・RSSを読み込んで（xmlしかなかったのでyahooPipesでjson化しました） ・DOMに挿入 ・挿入された時点で「追加されました」と表示する jQuery1.5 sub()
簡単にjQueryを使ったクールなスライドギャラリーを構築できるソフトウェア・WOW Slider
以前もご紹介した、jQueryを使用する Webギャラリーをローカル環境で簡単 に作ることが出来るソフトウェアで、別 のものがありましたのでご紹介します。 こうして誰でも簡単に作れるようになる と、Web屋さんもより高いスキルを付け なければなりませんね。 以前ご紹介したソフトウェアは「わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer」を御覧ください。UIが凄く似てますけど、なにか関係あるのかな・・Jquery Photo ViewerはLightboxでしたが、WOW Sliderはスライダーです。 ダウンロードには名前とメールアドレスのみ求められます。入力したらメアドを確認する事もなく、直ぐにダウンロード出来ます。 使い方は以前ご紹介したJquery Photo Viewerとほぼ同じで、画像を
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
第2回 jQueryの基本（お題編） | gihyo.jp
はじめに 第2回の今回からは本格的にjsdo.it -Share JavaScript,HTML5 and CSS-（以下、jsdo.it）を使ってJavaScriptを勉強していきたいと思います。毎回お題編と回答編に分けてやる予定で、お題編では基礎知識を解説してそれに関連した課題を出し、それをjsdo.itでつくってもらい、回答編で解説するというかたちで連載を進めていきます。 今回はjQueryの基本のお題編ということで、jQueryの基礎を解説したあと最後にお題がありますのでそちらを次回までにやっておくとより理解が深まるはずです。 jQueryってなに？ そもそもjQueryとはなんでしょう。まったく知らないという人もいれば名前くらいは聞いたことがある、いつもJavaScriptを書くときは使っている、さまざまだと思います。今回は初回なので念のためjQueryとな何なのかというところ
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://labs.skinkers.com/touchSwipe/
Create a new fiddle - JSFiddle
Bigfish
データ操作に役立つjQueryプラグイン