Forum: Italian Ruby user group tabella con righe di differente colore

Posted by fdibe nedetto (fdibenedetto72)
on 2010-08-24 01:19
salve a tutti,vorrei fare una lista con le righe di colore differenziato
a questo punto ho aggiunto nella mia view il seguente codice
  <% for user in @users %>
   <tr class="%= cycle('even', 'odd') %>"valign="top" >
      <td width="20%">
           <%= user.id%>
    </td>

      <td width="60%">
       <%= user.name%>
      </td>

      <td class="list-actions">
        <%= link_to 'Show', :action => 'show', :id => user %>
        <%= link_to 'Edit', :action => 'edit', :id => user %>
        <%= link_to 'Destroy', { :action  => 'destroy', :id => user },
                                 :confirm => "Are you sure?",
                                 :method  => :post %>
      </td>
    </tr>
  <% end %>
nella cartella stylesheets ho aggiunto il file css caffold.css e le
seguenti righe
user tr. evenrow (background-color: white;)
user tr. oddrow (background-color: red;)
ma non funziona qualcuno mi puo aiutare ?
Grazie Fdibenedetto
Posted by Luca De Marinis (Guest)
on 2010-08-24 09:50
(Received via mailing list)
On Tue, Aug 24, 2010 at 1:19 AM, Fabio Di benedetto
<f_dibenedetto72@hotmail.com> wrote:
> salve a tutti,vorrei fare una lista con le righe di colore differenziato
> a questo punto ho aggiunto nella mia view il seguente codice
>  <% for user in @users %>
>   <tr class="%= cycle('even', 'odd') %>"valign="top" >

Qui sopra manca una < prima del primo %


> nella cartella stylesheets ho aggiunto il file css caffold.css e le
> seguenti righe
> user tr. evenrow (background-color: white;)
> user tr. oddrow (background-color: red;)

prova con tr.even e tr.odd, ovvero senza spazi e senza il suffisso row

Ciao
Posted by Luigi Maselli - grigio.org (grigio)
on 2010-08-24 10:45
Fabio Di benedetto wrote:
> salve a tutti,vorrei fare una lista con le righe di colore differenziato
> a questo punto ho aggiunto nella mia view il seguente codice..

Secondo me, la via giusta è usare css3
http://webdesign.about.com/od/examples/l/bl_nth-of-type-examples.htm#zebras
Posted by Silvano Stralla (Guest)
on 2010-08-24 10:49
(Received via mailing list)
Ciao Fabio,

a occhio e croce l'errore sta nella riga:

<tr class="%= cycle('even', 'odd') %>"valign="top" >

Dovrebbe invece essere:

<tr class="<%= cycle('even', 'odd') %>" valign="top" >

Ciao, Silvano

--
Silvano Stralla
email: silvano.stralla@sistrall.it

Do not print this email unless necessary: be a complete user rather than 
a
complete waster!

Il giorno 24/ago/2010, alle ore 01:19, Fabio Di benedetto <
f_dibenedetto72@hotmail.com> ha scritto:

 <tr class="%= cycle('even', 'odd') %>"valign="top" >
Posted by Antonio Terreno (Guest)
on 2010-08-24 10:50
(Received via mailing list)
JQuery table sorter e' molto carino, a meno che tu non abbia requisiti 
per la pagina di funzionare senza JS, altrimenti CSS..
Posted by Tommaso Visconti (Guest)
on 2010-08-24 12:08
(Received via mailing list)
Il 24/08/10 01.19, Fabio Di benedetto ha scritto:
> salve a tutti,vorrei fare una lista con le righe di colore differenziato

io userei CSS3
Posted by fdibe nedetto (fdibenedetto72)
on 2010-08-24 17:10
Ciao Antonio ho visto jquery e mi chiedevo ma tu hai qualche esempio da 
poter utilizzare per apprendere velocemente il suo utilizzo ?
Ti ringrazio in anticipo a te e  tutti il ragazzi del forum per l'aiuto 
!
Saluti

fdibenedetto
Antonio Terreno wrote:
> JQuery table sorter e' molto carino, a meno che tu non abbia requisiti 
> per la pagina di funzionare senza JS, altrimenti CSS..
Posted by Aldo Italo (aldoitalo)
on 2010-08-24 19:41
Tommaso Visconti wrote:

> io userei CSS3


il problema rimangono sempre le incompatibiltà di Internet Explorer, ma 
volendo si possono superare questi inconveniente con CSS + JS (con JS 
applichi le proprietà del CSS anche ad explorer ).

Posted by Antonio Terreno (Guest)
on 2010-08-24 22:00
(Received via mailing list)
Se guardi i docs su http://tablesorter.com/docs/

è molto semplice, imposti un id sulla tua tabella, scrivi un paio di
righe di javascript e sei a posto
Please log in before posting. Registration is free and takes only a minute.
Existing account (Switch to SSL-encrypted connection)
NEW: Do you have a Google/GoogleMail or Yahoo account? No registration required!
Log in with Google account | Log in with Yahoo account
No account? Register here.