ROR + Détecter ClassName à partir du champ de texte et le remplacer par un autre

Question

Dans TextField de Ruby Code, je veux vérifier si la classe spécifiée est appliquée ou non, sur un événement de flou. S'il vous plaît suggérer une technique ou un moyen. L'exemple de code est donné ci-dessous utilisé par moi.

code Ruby pour TextField ::

<%=f.text_field :Username, :size=>4, :tabindex=>2, :class=>class_name, 
:autocomplete => "off", :onblur=> $$$$$ %> 

Suppose nom_classe: 'ChangeView' est appliqué sur textfield ci-dessus, je dois détecter cette classe particulière & remplacer par un autre comme 'changeExtraview'. En utilisant l'un des javascript, nous pouvons remplacer ce nom de classe, mais suggérer si vous avez une meilleure option.

Merci

Answer 1

Juste une réponse deviné ...

Ainsi, votre class_name pourrait être contenir une valeur de changeView, et si dans le cas, vous souhaitez remplacer le nom de la classe changeView-changeExtraview, non?

Si elle l'est, ce qui suit devrait être ok:

<%=f.text_field :Username, :size=>4, :tabindex=>2, :class=>class_name.gsub(/changeView/, "changeExtraview"), :autocomplete => "off", :onblur=> $$$$$ %> 

========================

un autre essai:

<%= 
    f.text_field :Username, :size=>4, :tabindex=>2, :class=>class_name, :autocomplete => "off", 
    :onblur => "if($(this).hasClass('changeView')) {$(this).removeClass('changeView'); $(this).addClass('changeExtraview')}" 
%> 

========================

Comme @Faisal a souligné, en utilisant la liaison à côté JS serait être meilleur. Bien que la réponse était il y a longtemps, j'ai décidé de mettre à jour à nouveau réponse:

<%= f.text_field :Username, :size => 4, :tabindex => 2, :class => class_name, :autocomplete => "off" %> 

Et de toutes les façons (j'utilise content_for dans cet exemple), ajoutez le code js suivant:

<%= content_for :javascripts do %> 
    <script type="text/javascript"> 
    jQuery(document).ready(function($) { 
     $("<%= class_name %>").bind("blur", function() { 
     var $this = $(this); 
     if ($this.hasClass('changeView')) { 
      $this.removeClass('changeView'); 
      $this.addClass('changeExtraView'); 
     } 
     }); 
    }); 
    </script> 
<% end %> 

Remarque que le code ci-dessus exige que vous avez <%= yield :javascripts %> dans votre fichier de mise en page,