Comments on: Using Dojo for a simple show/hide toggle effect.

By: snell

snell — Mon, 05 Apr 2010 07:48:39 +0000

I got the blinking effect by using the delay parameter…

var fadeArgs ={
node : “myNode”,
duration: 200,
repeat:2
};
var fadeArgs1 ={
node : “myNode”,
duration: 200,
delay:210,
repeat:2
};
dojo.fadeOut(fadeArgs).play();
dojo.fadeIn(fadeArgs1).play();

By: snell

snell — Mon, 05 Apr 2010 06:13:47 +0000

@lattenwald

I am hiding the div’s by the same methods but a want a slight delay in hiding/ showing the div so that it gives a blinking effect.

is there some pause mechanism ?

By: lattenwald

lattenwald — Wed, 03 Jun 2009 12:15:50 +0000

@NetWaver:

function toggle(elem) {
e=document.getElementById(elem);
if(e.style.display==”none”) {
e.style.display=”";
} else {
e.style.display=”none”;
}
}

By: NetWaver

NetWaver — Sun, 15 Feb 2009 20:01:14 +0000

Is there any standalone JS script that could do this one? I don’t need any JS framework because this is the only effect I want.

By: Yann

Yann — Fri, 26 Sep 2008 17:08:19 +0000

How i can take this with suggestions closed?
where i need to change?
I think need change ‘displayed’ but Im not sure, and don’t know what i need to replace by…

so… sorry my english, Im from Brazil
see you!

By: Bruce

Bruce — Fri, 22 Dec 2006 15:49:36 +0000

Not sure what is up with the backslashes in my comment. Remove them to make the code work.

By: Bruce

Bruce — Fri, 22 Dec 2006 15:42:56 +0000

Alepuzio, I agree with you. If I hadn\'t already been using Dojo, I wouldn\'t recommend it for such a simple effect. Actually, my favorite lightweight Javascript library is jQuery. In that library, you could duplicate the functionality like so:


$(document).ready(function() {
    $(\'hider\').attr(\'show\',true);
    $(\'hider\').click(function() {
        var state = !($(\'suggestions\').attr(\'displayed\'));
        var src = \"media/images/\"
                      + (state ? \"show\" : \"hide\")
                      + \"-suggestion.gif\";

        $(\'suggestions\').toggleSlide(\"slow\")
             .attr(\'suggestions\', state);
        $(\'hider\').attr(\'src\', src);
});

By: alepuzio

alepuzio — Fri, 22 Dec 2006 13:16:09 +0000

Hello,
me too I use DojoToolkit, but I think that this library is better for big project. Fro small project for me it’s better ScriptACulo or Prototype.
What do you think?