comment ajouter des styles aux balises d'aide actionview?

Question

comment ajouter des styles aux balises d'aide actionviews. comme le suivant

<%= link_to "Home", :controller=> "home", :action=> "index", :style=>{:position=>"absolute", :top=>"0px"} %> 

est quelque chose comme ce qui est réalisable ci-dessus. Je ne veux pas ajouter de classes CSS.

Merci.

Mise à jour - désolé Salure. cela ne fonctionne pas pour link_to_remote. Je besoin d'une solution qui fonctionne pour toute balise d'aide

<%= link_to_remote "Next", :style=>"float:right;", :update=>"uxUpdateDiv", :url=>{:controller=> "home", :action=> "next"}, :before=> "jQuery('#uxcLoader').css('display','block'); jQuery('#uxOverLay').css('display','block');",:success=> "jQuery('#uxcLoader').css('display','none'); jQuery('#uxOverLay').css('display','none');" %> 

le style ne semble pas être appliquée du tout ... !! même un attribut style n'est pas formé.

Answer 1

Oui vous un faites en suivant façon

<%= link_to "Home", {:controller=> "home", :action=> "index"}, :style=>"position:absolute;top:0px" %> 

Cela va créer suivant HTML

<a href="/home" style="position: absolute; top: 0px;">Home</a> 

Cela dépend de balise que vous utilisez pour une balise que vous devez ajouter : html> {}

pour link_to_remote vous devez écrire

<%= link_to_remote "Next", 
       :update=>"uxUpdateDiv", 
       :url=>{:controller=> "home", :action=> "next"}, 
       :html=>{:style=>"float:right;"}, 
       :before=> "jQuery('#uxcLoader').css('display','block'); jQuery('#uxOverLay').css('display','block');", 
       :success=> "jQuery('#uxcLoader').css('display','none'); jQuery('#uxOverLay').css('display','none');" %> 

cela créera après html vérifier.

<a href="#" onclick="jQuery('#uxcLoader').css('display','block'); jQuery('#uxOverLay').css('display','block');; new Ajax.Updater('uxUpdateDiv', '/home/next', {asynchronous:true, evalScripts:true, onSuccess:function(request){jQuery('#uxcLoader').css('display','none'); jQuery('#uxOverLay').css('display','none');}}); return false;" style="float: right;">Next</a>