spin.js,ruby上使用例子




    <% form_tag "/login", :id => "login_form"  do -%>
       
      
        
          <%= t "a.loginid" %>
          <%= text_field_tag 'login',"" %>
        
        
           
              <%= submit_tag "", :id => "b_login", :onclick => "submitForm();"%>
          
        
      
    <%end -%>



function submitForm(){
        jq("#b_login").attr("disabled", "disabled");
        showSpin();
        jq("#login_form").submit();
    };
function showSpin(){
      var spinnerOpts = {
        lines: 13, // The number of lines to draw
        length: 20, // The length of each line
        width: 10, // The line thickness
        radius: 30, // The radius of the inner circle
        corners: 1, // Corner roundness (0..1)
        rotate: 0, // The rotation offset
        direction: 1, // 1: clockwise, -1: counterclockwise
        color: '#000', // #rgb or #rrggbb or array of colors
        speed: 1, // Rounds per second
        trail: 60, // Afterglow percentage
        shadow: false, // Whether to render a shadow
        hwaccel: false, // Whether to use hardware acceleration
        className: 'spinner', // The CSS class to assign to the spinner
        zIndex: 2e9, // The z-index (defaults to 2000000000)
        top: '100', // Top position relative to parent in px
        left: 'auto' // Left position relative to parent in px
      };
      var spinTarget = document.getElementById('spinBody');
      new Spinner(spinnerOpts).spin(spinTarget);
    };