2010-05-12 4 views
0

как добавить стили в теги хелпера actionviews. например,Как добавить стили в теги-помощники actionview?

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

что-то вроде выше достижимого. Я не хочу добавлять классы css.

Спасибо.

Обновление - извините Salil. он не работает для link_to_remote. Мне нужно решение, которое работает для любого хелперов тега

<%= 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');" %> 

стиль, кажется, не будет применяться на всех ... !! даже стиль атрибут не сформирован.

ответ

1

Да для Вас сделать это следующим образом

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

Это создаст следующий HTML

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

Это зависит от того, какой тег используется для некоторого тега вы должны добавить : HTML> {}

для link_to_remote вы должны написать

<%= 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');" %> 

это создаст следующий html, проверьте его.

<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> 
+0

не работает для link_to_remote .. !! – ZX12R

+0

спасибо .. !! надеюсь, что он работает для всех вспомогательных тегов ... – ZX12R

+0

Нет, это зависит от тега, который вы используете для какого-либо тега, который вы должны использовать: html для некоторых тегов, которые вы должны применять непосредственно. – Salil

Смежные вопросы