Ruby Forum Rails France > Ajax - toggle div

Bonjour à tous,

après de longues semaine je me remets enfin à rails. Dans mon ancienne
application j'avais quelques fonctions en javascript pour afficher ou
cacher les éléments d'un menu :

<input class="but" type="button" value="Element.toggle('r1','r2','r3')
onclick="Element.toggle('r1','r2','r3');" >
<div id="r1" class="rec1">r1</div>
<div id="r2" class="rec2">r2</div>
<div id="r3" class="rec3">r3</div>

je voudrais bien utiliser rails pour faire de même.

Est ce vraiment utile ? Et si oui comment faire ?

merci de  votre aide.

Cordialement

Olivier AUDRY

Je me réponds à moi même en fait :

<ul id="menu">
            <div id="1">Astreintes</div>
            <div id="2">Calendrier</div>
            <div id="3">Autre</div>
</ul>
<%= link_to_function('Applications', "Element.toggle('menu')") %>

Je trouve ça plus simple, mais je voudrais en fait cacher le menu et
l'afficher quand je clique et non le contraire.

Des idées ?

Cordialement

Olivier AUDRY

Bon ok,

apprendre à se taire est une bonne chose :

<div class="menuleft">
       <%= link_to_function('Applications', "Element.toggle('menu')") %>
       <ul id="menu" style="display: none;">
                <div id="1">Astreintes</div>
                <div id="2">Calendrier</div>
                <div id="3">Autre</div>
       </ul>
</div>

En tout les cas si ça peut être utile à quelqu'un temps mieux.

cordialement

Olivier AUDRY

Salut Olivier,

>
> En tout les cas si ça peut être utile à quelqu'un temps mieux.

Tout à fait, il fait très beau. Faut en profiter, demain la météo
annonce des nuages et de la pluie (temps pire ?) :)

A part ça, tu mettrais pas des <li> (ou des <ol>) à l'intérieur de
ton <ul>, non ?

    -- Jean-François.

Effectivement il faut très beau et c'est tant mieux.

D'autre part oui bien sûr :

<%= link_to_function('Applications', "Element.toggle('menu')") %>
    <ul id="menu" style="display: none;">
        <li><%= link_to "Astreintes", {:controller =>
"app/astreintes", :action => "index" } %></li>
        <li>Calendrier</li>
        <li>Autre</li>
    </ul>