Ajaxの処理が完了したのになぜかajax:completeが発火しないときの話 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年08月28日17:53 JavaScript Ruby Ajaxの処理が完了したのになぜかajax:completeが発火しないときの話 例えば削除リンクを用意して、それクリックしたら要素がAjaxで削除されるみたいな処理の場合にハマったのでそういう悲しいことが他の人には起こらないように書いておきます。 削除リンクはこんな感じ。 = link_to 'Destroy', comment_path(@comment), method: :delete, remote: true, data: { confirm: 'Are you sure?' } リンクをクリックするとAjaxでDELETEリクエストがこのアクションに送られるとします。 def destroy @comment.destroy end これでとりあえず削除は出来るようになりました。ただ、そのときにこの要素自体も消
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
Welcome mutationevent.com - BlueHost.com
Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting.
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
script.aculo.us リファレンス
script.aculo.usはAjaxライブラリの1つです。現在のバージョンは1.8.3です (2010.8.21時点)。このバージョン1.8.3はprototype.jsのバージョン1.6.1以降で動作します。 version 1.6.4 リファレンス version 1.6.5 リファレンス version 1.7.0β1 リファレンス version 1.7.0 リファレンス version 1.7.1β1 リファレンス version 1.7.1β2 リファレンス version 1.7.1β3 リファレンス version 1.8 pre1 リファレンス version 1.8.0 リファレンス version 1.8.1 リファレンス version 1.8.2 リファレンス version 1.8.3 リファレンス
Windows に、Apache+Trac+Subversion 環境を一発インストールできる Trac Lightning を使ってみる | Win32 Trac Lightning - @//メモ
インストールと実行 † http://sourceforge.jp/projects/traclight から、TracLight?-2.1.3.exe をダウンロードしてきて実行する Apache の使う Port 番号を変更する C:\TracLight?\CollabNetSVN\httpd\conf\httpd.conf 45 # 46 # Listen: Allows you to bind Apache to specific IP addresses and/or 47 # ports, instead of the default. See also the <VirtualHost> 48 # directive. 49 # 50 # Change this to Listen on specific IP addresses as shown below to 51 #
Dojo ToolkitのDataGridを使いこなす
高機能JavaScriptライブラリとして、操作性、応答性にすぐれたWebアプリケーションのUI構築に威力を発揮する「Dojo Toolkit」。その多彩な機能の中でも、特にビジネスアプリケーションに不可欠なコンポーネント（ウィジェット）が、データコレクションの表示、編集機能を提供するDataGridです。本稿では、この多機能で柔軟なカスタマイズが可能なDataGridを利用した、典型的なデータ入出力のUI作成方法を紹介します。 はじめに 高機能JavaScriptライブラリとして、操作性、応答性にすぐれたWebアプリケーションのUI構築に威力を発揮する「Dojo Toolkit」。その多彩な機能の中でも、特にビジネス アプリケーションに不可欠なコンポーネント（ウィジェット）が、データコレクションの表示、編集機能を提供するDataGridです。本稿では、この多機能で柔軟なカスタマイズが可能
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
非常に美しいcoverflowスライドギャラリー『ImageFlow』
非常に美しいcoverflowスライドギャラリー『ImageFlow』 ImageFlowはPHPとJavaScriptで作られている非常に美しいcoverflowスライドギャラリーです。 設置方法 配布サイトより関連ファイルをダウンロードし、サーバーにアップします。 スライドギャラリーを利用したいページのhead要素内で『screen.css』と『imageflow.js』を読み込みます。 <link rel="stylesheet" title="Standard" href="screen.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript" src="imageflow.js"></script> スライドを利用したい箇所に以下のHTMLコードを記述しま
私家版imageFlowのメモ。
iTunesの「CoverFlow」のように画像を表示できるスクリプト「imageFlow」を自分用にカスタマイズ。 ★本家はコチラから → imageFlow 0.9 ★本家はこちら → ImageFlow (サイト移転しているようです。2008.11.01追記) 主な変更点は次の通り。 画像ギャラリーの下に、その画像の説明文を表示できるエリアを増設。 それに伴って、imgタグのオプション属性(alt,longdesc,title)に設定する内容を変更。(詳細は後述) 最前面の画像をクリックしたときの挙動を変更。 alt属性に設定されたURLを、ブラウザの新ウィンドウ(タブ)で開くように変更。 読み込む画像のURL、説明文の場所などを外部の設定ファイルに記述。そのファイルを読み込んで画像を表示。 GETメソッドで各種パラメータを渡す仕様に変更。 reflect.php(画像に反射エフェク
Blog | Finn Rudolph
Responsive Apache Directory Listing ist eine verbesserte Konfiguration der Verzeichnisliste für den Apache Webserver. Es ist einfach zu installieren und direkt einsatzfähig. Es verbessert die Bedienbarkeit und vereinfacht die Anpassung des Aussehens.
[JS]動作が華麗でダイナミックな画像ギャラリーのスクリプト集
Interactive DOM Scriptingにエントリーされている画像ギャラリーとしても利用できるスクリプトの紹介です。 どのスクリプトも、フラッシュのような華麗でダイナミックな動きを見せてくれます。
Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」:phpspot開発日誌
Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」 2006年11月26日- Open-jACOB Draw2D Create drawings and diagrams with the free Javascript library. The User interface allows interactive drawing by using your standard browser. No additional software; no third party plug ins. Just run it and use it. Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」。 次のような図形描画機能を、ライブラリを使うことで自分のツールに組み込めるのが嬉しいところです。 描画した図形
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
[Javascript] All About｜JSの基礎やjQueryの活用法を解説
JavascriptJavascriptやAjax、jQueryなどの著書多数のガイドが、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。「Javascriptを学びたい」というときにご活用ください。
ハタさんのブログ(復刻版) : 私は如何にしてJavascriptのprototypeを身につけたか。
javascriptのprototypeはなかなか理解してもらえないですねぇ。 ここ1年間でマジマジと実感しました。 特に、大規模開発をしているとこだと、いろんな知識が入り乱れていて（ホームページ時代からAjax本を読んだ人とか)が、javascriptが単なる関数型列挙な言語(語弊があるけど)という見方が大多数を占めているように見えます。 そんな中で "String.prototype.trim" みたいなコードを見せても、説明下手なのか中々上手く伝わらないですねぇ。 ということで(?)、僕がjavascriptのprototypeを身に着けるまでやったこと、とか。これも備忘 prototype.jsのソースコードを眺める Array.mapとかEnumerable, Hashは勉強になりますねー。 ただ、prototype継承されすぎて、ちょっと多すぎなこともあります。 var
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像をカッコよく表示する-Lightbox-MovableType編 | 福井のホームページ制作・携帯サイト制作・SNS/ビジネスブログ構築 からくり屋のブログ
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
