JAvascript好用および常用関数(ruby)

1.js遅延とダイナミック表示

  new Ajax.Updater('yourid', 'rails/info/properties', {   
    method:     'get',   
    onFailure:  function() {Element.classNames('yourid').add('failure')},   
    onComplete: function() {new Effect.BlindDown('yourid', {duration: 0.25})}   
//       

  });   
} else {   
  new Effect[Element.visible('yourid') ?    
    'BlindUp' : 'BlindDown']('yourid', {duration: 0.25});  #             
}  

遅延用duration:0.25 delay:3
 
2.隠しレイヤーにrialを結合したAjaxを表示するとlonding効果がある

<%= link_to_remote "Say Hello", 
                    :url => tasks_url(:action => 'hello'),
                    :loading => "Element.show('loading')",
                    :complete => "Element.hide('loading')" %>

 3.ちえん

  page.delay(0.3) do
                   page.replace_html 'countdown', '<div id="countdownGO">GO!</div>'
                   page.visual_effect :puff, 'countdown', :duration => 0.5
                        page.delay(0.3) do
                       page.visual_effect :fade, 'profile-indicator'  #    
                       page.visual_effect :squish, "tosquish"   #        
                                  page.visual_effect:highlight, "important", :duration => 1.5#  
                       page.replace_html 'info', :partial => 'info/test'
                    end
                end
    
new Effect.Highlight visual_effect(:highlight)   
new Effect.Appear visual_effect(:appear)     






new Effect.Fade visual_effect(:fade)    , ( )  , ( )  
 new Effect.Puff visual_effect(:puff)       ,     ( 、   






new Effect.BlindDown visual_effect(:blind_down)         ,   












new Effect.BlindUp visual_effect(:blind_up) 
new Effect.SwitchOff visual_effect(:switch_off)    
 new Effect.SlideDown visual_effect(:slide_down)     ;   






new Effect.SlideUp visual_effect(:slide_up)
 new Effect.DropOut visual_effect(:drop_out)
 new Effect.Shake visual_effect(:shake)       ,   ,   






new Effect.Pulsate visual_effect(:pulsate)     ,      ,  






 new Effect.Squish visual_effect(:squish)     ,  






new Effect.Fold visual_effect(:fold)       ;     






 new Effect.Grow visual_effect(:grow)    ,   






 new Effect.Shrink visual_effect(:shrink)    ;   






 new Effect.ScrollTo visual_effect(:scroll_to)      

 
現在のオブジェクトのサブノードのある声名要素の集合を取得し、配列

               var a =obj.getElementsByTagName('a');
               alert(a[0].innerHTML);

大文字と小文字の変換:

var result = ss.toLowerCase();  zhuan wei  xiap xie 
var result = ss.toUpperCase(); zhuan wei da xie 

  page.toggle('id')
表示/非表示切り替え