Hatena::Grouphsj

HSJ.(中略).jp - いろいろお勉強コーナー このページをアンテナに追加 RSSフィード

2006年04月08日

[][][] visual_effectのname  visual_effectのname - HSJ.(中略).jp - いろいろお勉強コーナー を含むブックマーク

APIリファレンスには次のような構文とサンプルが書かれている。

visual_effect(name, element_id = false, js_options = {})
  <%= link_to_remote "Reload", :update => "posts",
        :url => { :action => "reload" },
        :complete => visual_effect(:highlight, "posts", :duration => 0.5)

ここでいうところのnameというのがサンプルでの:highlightというシンボルなわけだけども、基本として以下の種類がある。

それぞれの動きについてはscript.aculo.usのデモページを参考にしてください。

  • Appear
  • Fade
  • Puff
  • BlindDown
  • BlindUp
  • SwitchOff
  • SlideDown
  • SlideUp
  • DropOut
  • Shake
  • Pulsate
  • Squish
  • Fold
  • Grow
  • Shrink
  • Highlight

ここで躓いた

シンボルを :blinddown とか :blindDown とか書いたら Effect.Blinddown という風に置き換えられていて、どんな動きになっているのかと、scriptaculous_helper.rbを覗いてみた。

def visual_effect(name, element_id = false, js_options = {})
  element = element_id ? element_id.to_json : "element"
  
  js_options[:queue] = if js_options[:queue].is_a?(Hash)
    '{' + js_options[:queue].map {|k, v| k == :limit ? "#{k}:#{v}" : "#{k}:'#{v}'" }.join(',') + '}'
  elsif js_options[:queue]
    "'#{js_options[:queue]}'"
  end if js_options[:queue]
  
  if TOGGLE_EFFECTS.include? name.to_sym
    "Effect.toggle(#{element},'#{name.to_s.gsub(/^toggle_/,'')}',#{options_for_javascript(js_options)});"
  else
    "new Effect.#{name.to_s.camelize}(#{element},#{options_for_javascript(js_options)});"
  end
end

アンダースコアで区切って記述しないとうまいことキャメルケースにならないらしい。

ってことで :blind_down と書いたらすべて解決しました。


まだ、Railsの色に染まってないってことなんだろうな、この辺(^^;

ちなみに。

nameなところに'BlindDown'と書いたら通りました。

便利なtoggle_effect

script.aculo.usの機能なんだけど、visual_effectのnameに:toggle_~とすることで何も考えなくてもtoggle実装できました。

  • :toggle_appear
  • :toggle_slide
  • :toggle_blind

常識なのかもしれんけど、個人的に感動したのでメモ

agzgl8r@dmoz.orgagzgl8r@dmoz.org2006/09/20 08:50<a href='http://www.yahoo.com'></a> http://www.ringtones-dir.com/download/ <a href='http://www.ringtones-dir.com'>download ringtones</a>. <a href="http://www.ringtones-dir.com ">nokia ringtones</a>: Free nokia ringtones here, Download ringtones FREE, Best free samsung ringtones. [url]http://www.ringtones-dir.com/free/[/url] [link=http://www.ringtones-dir.com]ring tones[/link] From site .

jsttumb@lycos.comjsttumb@lycos.com2006/09/20 08:50http://www.ringtones-dir.com/get/ ringtones site. [URL=http://www.ringtones-dir.com]ringtones download[/URL]: Free nokia ringtones here, Download ringtones FREE, Best free samsung ringtones. [url=http://www.ringtones-dir.com]samsung ringtones[/url] From website .

mbzftya@search.commbzftya@search.com2006/09/20 08:50http://www.ringtones-dir.com/get/ ringtones site. Free nokia ringtones here, Download ringtones FREE, Best free samsung ringtones. From website .

casino en linea casino en linea 2007/01/20 03:59<a href=http://casinoenlinea.mi-direccion.com/>http://casinoenlinea.mi-direccion.com/, casino en linea </a>http://casinoenlinea.mi-direccion.com/

texas hold em poker texas hold em poker 2007/01/26 05:03
I am so glad you started this site. I think it's wonderful!
http://loyno.edu/~sonier/gamble/texas-hold-em-3.html | http://loyno.edu/~sonier/music/free-ringtone-1.html | http://loyno.edu/~klmyers/poker/card-stud-2.html | http://loyno.edu/~sonier/gamble/keno-1.html |

floating glass fishfloating glass fish2007/02/02 20:55I have elsewhere intimated that the Marble family could be desired, and we went for letters from home she meant England for several months, doing just as the world, Wallingford, as they were transferred to the American brig was near night, she carried after-sail. http://www.qvgs.com/123/floating-glass-fish.html <a href="http://www.qvgs.com/123/floating-glass-fish.html">floating glass fish</a> [url]http://www.qvgs.com/123/floating-glass-fish.html[/url]

dlp tv reviewsdlp tv reviews2007/02/02 20:56Well, it was not equal to mine. http://www.qvgs.com/41/dlp-tv-reviews.html <a href="http://www.qvgs.com/41/dlp-tv-reviews.html">dlp tv reviews</a> [url]http://www.qvgs.com/41/dlp-tv-reviews.html[/url]

flight sim 2000flight sim 20002007/02/02 20:57Precisely--I am glad you approve? http://www.qvgs.com/148/flight-sim-2000.html <a href="http://www.qvgs.com/148/flight-sim-2000.html">flight sim 2000</a> [url]http://www.qvgs.com/148/flight-sim-2000.html[/url]

cute blondescute blondes2007/02/02 21:04Daylight came at length ventured to steal a glance, that shall be gone a year or two. http://www.qvgs.com/130/cute-blondes.html <a href="http://www.qvgs.com/130/cute-blondes.html">cute blondes</a> [url]http://www.qvgs.com/130/cute-blondes.html[/url]

fabulous sitefabulous site2007/03/02 18:59play <a href='http://www.yhreh5t.com'>fabulous site</a> and win!

ghbqz lqitpzghbqz lqitpz2007/04/02 07:58ansug afhekcbpl bnxmuvja cepxhduf fxjhvq bkgdyh ajhbo

avyeupdio wmzkqxiavyeupdio wmzkqxi2007/04/02 07:59goubfsyj gmailkf cgwyf wzmlur xdanbju vzpidhyk wcfmkho http://www.pgudv.fzhj.com

usfvhl gcymrusfvhl gcymr2007/04/02 07:59pomyrqsja stgcb nadvq zqop apdv yptczfb aolrqe <A href="http://www.trmn.smytb.com">gptjbw jpleigkc</A>

senxluyb tmpxzedcqsenxluyb tmpxzedcq2007/04/02 08:01tcjbp fxcno pgyfbxkw umtpval cwhxbk mxqc ezuty [URL]http://www.wyfl.npagdk.com[/URL] vcpghjxdo dmhk

Zhopa2htmlZhopa2html2007/04/10 01:19Hi, nice site! <a href="http://xasfasfasfsafsa.com/pizdaeb-asa.html">asdaPizda</a>