Ruby on RailsでRJSを使ってAjaxを利用する3つの方法 - (ﾟ∀ﾟ)o彡 sasata299's blog
2011年04月25日10:11 Ruby JavaScript Ruby on RailsでRJSを使ってAjaxを利用する3つの方法 みなさま、お久しぶりです。 前回の記事からだいぶ時間が経ってしまいました (｀･ω･´) さて、Rails で Ajax を利用することは多いですね。このとき、RJS という「Ruby から JavaScript を操作する仕組み」を利用するかと思います。 で、この RJS なのですが、利用する方法が大体3パターンあるかなぁと思うのでまとめてみました。何かしらの参考になれば。 ちなみに、以下のサンプル内の partial で使用している _articles.rhtml はこのような内容になっています。単純に記事を表示しているだけです。 # _articles.rhtml <% articles.each do |article| -%> <div><%=
Ajax Events - jQuery 日本語リファレンス
Ajax/API/Ajax Events jQueryのAJAX処理は、多種のイベントを設定できます。ここではそのイベント群と、それらがどういったタイミングで呼ばれるのかを説明します。 イベントには大きく分けて、Local EventsとGlobal Eventsの2種類があります。 Local Events AJAXでリクエストを送信する度にコールバック関数を設定します。例えば以下のような記述になります。 $.ajax({ beforeSend: function(){ // リクエスト送信前に行う処理を記述 }, complete: function(){ // 通信が成功して応答が返って来た際の処理を記述 } }); Global Events DOM上のどの要素にも設定でき、AJAX通信が行われる際に呼び出されます。例えば通信中のローディング画像を出したいのであれば、次のような処理
Ajaxローディング時に使える画像ジェネレーター色々:phpspot開発日誌
Ajaxローディング時に使える画像ジェネレーターが色々あったようなのでまとめてみました。 こうした細かいところも、他サイトと違うものを使って独自色を出したいという場合に、沢山あると選択肢が広がりますね。 Preloaders.net ちょっと変わったデザインから選んでジェネレート可能。 Ajax Loading デザインから、背景色、前景色を選んでジェネレートできる。 Loadinfo.net 多数のサンプルからクリックで好きなものを作れる。種類多いです Webscriptlab 500で見れなくなってるかも。 120+ Free Ajax Activity Indicator Gif Icons ジェネレーターではないけどサンプル多数 他にもあったら教えてもらえるとありがたいです。
Rails3.0 のAJAX｜Sweets Programming Memo
Sweets Programming Memo プログラム関連のメモ PR Profile [ルーム｜なう｜ピグの部屋] ニックネーム：BlackOnyx 性別：男性 血液型：A型 出身地：東京都 好きな言語：C++, Ruby, Haskell ブログジャンル：エンジニア/備忘録 メッセージを送る アメンバーになる プレゼントを贈る [Publish] Recent Entries Rails3.0 のAJAX Ruby1.9.2-p0 で gem が動かない SinatraでクロスドメインのAjaxリクエストを受ける 正格な条件判定 deallocはC++のデストラクタとは違うんです foreachマクロ 複合リテラルなテーブル参照 Classをパラメータにする do-while でネストを浅くする ifブロックの中にcase を書く [more] Theme ブログ ( 0 ) C+
Rails3でAjaxでformのcallbackを指定するには - ryopeko の何か
Rails3からの変更点でハマったのでメモ。 Rails2ではformをAjaxで送信するにはform_remote_tagを利用していた。 これがRails3では以下のように:remote => trueを指定することで実現する。 <%= form_tag(url_for(:action => 'create'), :remote => true, :id => "result_form") do %> <% end %> 今は主にjQueryを使って開発している為、デフォルトで扱うjavascriptをjQueryに変更する。 Gemfileに以下記述 gem 'jquery-rails' bundle installして関連ファイルをgenerate $ bundle install $ rails g jquery:installjquery.jsとrails.jsを読み込むように
【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (1) ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 | パソコン | マイコミジャーナル
ThickBox 3とは? ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。Lightboxと比べてもThickBoxの方がプログラムサイズがコンパクトなことも魅力です。 ThickBox 3の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使うことができます。ThickBo
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
ページを移動しないポップアップウインドウ | JavaScript / Ajax | デザイン・ラボ
ThickBoxを利用した、画像のポップアップなどに利用できるサンプルです。 「Examples」から様々なパターンのポップアップ形式を選べます。 ▼サンプル 画像を表示 HTMLを表示 ▼ファイル構成例 thickbox ・js…thickbox.js、jquery.js ・img…loadingAnimation.gif ・css…thickbox.css、macFFBgHack.png ※「thickbox.js」ソース内上部にある、tb_pathToImageのloadingAnimation.gifパスを設定。 ▼記述例 <html> <head> <link rel="stylesheet" href="/thickbox/css/thickbox.css" type="text/css" media="screen, print" /> <script type=
Rubyist Magazine - RubyOnRails を使ってみる 【第 7 回】 RJS を使ってみる
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
RailsでJavaScript/Ajaxを扱う - (ﾟ∀ﾟ)o彡 sasata299's blog
2009年12月06日21:57 Ruby JavaScript RailsでJavaScript/Ajaxを扱う ※タイトルと内容を一部変更しました Rails では javascript を Ruby のコードで記述できる仕組みがあります。これを利用すると、javascript をあまり知らなくても様々な javascript や Ajax を簡単に記述することが出来るんです。凄いんです！javascrit 版の O/R マッパーのような感覚ですね。 例えば、単純な javascript を実行するだけならば link_to_function というメソッドが利用できます。ブロックの引数の page というのがページ全体のオブジェクトです。 # view の例 <div id="hoge" style="display:none">aaa</div> # 表示というリンクをクリックする
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rails's Wiki - AjaxOnRails