Comments on: Implementing Basic and Fancy Show/Hide in MooTools 1.2 http://davidwalsh.name/mootools-show-hide Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Thu, 09 Feb 2012 09:13:01 +0000 hourly 1 http://wordpress.org/?v=3.3 By: AnswersDothttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-23320 AnswersDot Thu, 31 Mar 2011 02:18:17 +0000 http://davidwalsh.name/?p=251#comment-23320 I've been looking around for something like this and maybe I'll end up using this one... I’ve been looking around for something like this and maybe I’ll end up using this one…

]]> By: gilcierwebhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-22551 gilcierweb Thu, 03 Feb 2011 19:59:30 +0000 http://davidwalsh.name/?p=251#comment-22551 Poderia ser assim é muito melhor, otimo post. window.addEvent('domready', function() { //domready é o onload do mootools Element.implement( { fancyShow: function() { this.fade('in'); this.setStyle('display',''); }, fancyHide: function() { this.fade('out'); this.setStyle('display','none'); } }); $('element').fancyHide();//carrega primeiro o função fancyHide para deixar os campos ocultos }); Poderia ser assim é muito melhor, otimo post.
window.addEvent(‘domready’, function()
{
//domready é o onload do mootools
Element.implement(
{
fancyShow: function()
{
this.fade(‘in’);
this.setStyle(‘display’,”);
},
fancyHide: function()
{
this.fade(‘out’);
this.setStyle(‘display’,'none’);
}
});
$(‘element’).fancyHide();//carrega primeiro o função fancyHide para deixar os campos ocultos
});

]]> By: Jayhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-22246 Jay Sat, 08 Jan 2011 21:14:05 +0000 http://davidwalsh.name/?p=251#comment-22246 Shoot! I guess this site does not allow HTML, so here goes<code> LT div id="idvalue" style="display=none;" GT Div Contents LT /div GT </code> To show this just use show or fade('in') or similar.Jay Shoot! I guess this site does not allow HTML, so here goes


LT div id="idvalue" style="display=none;" GT
Div Contents
LT /div GT

To show this just use show or fade(‘in’) or similar.

Jay

]]> By: Jayhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-22245 Jay Sat, 08 Jan 2011 21:11:04 +0000 http://davidwalsh.name/?p=251#comment-22245 Sorry! (forgot to hide code with code tag)<code>Div contents<!-- your div will now start up hidden, use show/hide in your code --></code>Jay Sorry! (forgot to hide code with code tag)

Div contents

Jay

]]> By: Jayhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-22244 Jay Sat, 08 Jan 2011 21:08:05 +0000 http://davidwalsh.name/?p=251#comment-22244 Div contents<!-- it now starts off hidden -->Jay Div contents

Jay

]]> By: marcohttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-21384 marco Wed, 24 Nov 2010 05:26:44 +0000 http://davidwalsh.name/?p=251#comment-21384 How can you make the div display="hidden" onLoad work with the fancy version? The basic version is obvious, it toggles the display. But the fancy show doesn't work like that, so a hidden div stays hidden... How can you make the div display=”hidden” onLoad work with the fancy version? The basic version is obvious, it toggles the display. But the fancy show doesn’t work like that, so a hidden div stays hidden…

]]> By: Bryanhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-19592 Bryan Sun, 29 Aug 2010 17:01:21 +0000 http://davidwalsh.name/?p=251#comment-19592 Woops. I meant, I'd love to have the effect of hiding a on page load. Woops.
I meant, I’d love to have the effect of hiding a on page load.

]]> By: Bryanhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-19591 Bryan Sun, 29 Aug 2010 17:00:19 +0000 http://davidwalsh.name/?p=251#comment-19591 I was wondering the same thing. I'd really love to have that effect. Any ideas? I was wondering the same thing.
I’d really love to have that effect.
Any ideas?

]]> By: Rodrigohttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-17012 Rodrigo Tue, 13 Apr 2010 18:28:15 +0000 http://davidwalsh.name/?p=251#comment-17012 Hi, I need to animate a panel onload (like a login panel), but started without any interaction of the user, how can I do something like this ? I can't find a property to change relative positioning for instance:position: relative; top:0pxtoposition: relative; top:100pxCan you help me ? Hi, I need to animate a panel onload (like a login panel), but started without any interaction of the user, how can I do something like this ? I can’t find a property to change relative positioning for instance:

position: relative; top:0px

to

position: relative; top:100px

Can you help me ?

]]> By: Neilhttp://davidwalsh.name/mootools-show-hide/comment-page-1#comment-14568 Neil Wed, 16 Dec 2009 19:11:50 +0000 http://davidwalsh.name/?p=251#comment-14568 Hey Dave,Great tutorial, how can we make a div hide onload though? Hey Dave,

Great tutorial, how can we make a div hide onload though?

]]>