Rails spinoffs - Nov 2005 - Behaviour and scriptaculous

I have a <div> that I want to toggle its visibility.  I have
"hide"
text which makes it hide an makes the text "show" visible.

My problem is I don''t want the "hide" text to display if
javascript is
disabled.  So it starts out as display:none.  I can then make it
visible by window.onload.

The problem is when I use the onload handler then the text does
display at startup, but clicking on it has no effect.



This is what I tried:

    <div id="hiddentable">
        <span id="tablehide"
style="display:none;">Hide Table</span>

        (( show table here ))

        <span id="tableshow"
style="display:none;">Show Table</span>
    </div>


I''m using Behaviour to register the javascript:

    /* make the "hide" text visible if javascript is enabled */
    /* this makes the "hide" text not do anything -- comment out and
works */
    window.onload = function() {
        new
Effect.Appear(document.getElementById(''tablehide''));
    }

    var hide_rules = {
        ''#tablehide'' : function(e) {
            e.onclick = function() {
                new
Effect.BlindUp(document.getElementById(''hiddentable''));
                new
Effect.Appear(document.getElementById(''tableshow''));
            }
        },

        ''#tableshow'' : function(e) {
            e.onclick = function() {
                new
Effect.BlindDown(document.getElementById(''hiddentable''));
                new Effect.Fade(this);
            }
        },
    };

    Behaviour.register(hide_rules);


I''m reasonably new to Behaviour/Prototype/Scriptaculous, in case you
were wondering...





-- 
Bill Moseley
moseley-kv6DSSSScSo@public.gmane.org