Comments on: Google-Style Element Fading Using MooTools or jQuery http://davidwalsh.name/google-fade Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Tue, 22 May 2012 16:21:46 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Anthony Abrairahttp://davidwalsh.name/google-fade#comment-19465 Anthony Abraira Sat, 21 Aug 2010 17:54:19 +0000 http://davidwalsh.name/?p=4726#comment-19465 You'd think that you can implement a version that has the divs not only fade in when the mouse enters but also to fade back out after the mouse is idle? You’d think that you can implement a version that has the divs not only fade in when the mouse enters but also to fade back out after the mouse is idle?

]]> By: Dimishttp://davidwalsh.name/google-fade#comment-19166 Dimis Wed, 04 Aug 2010 10:55:53 +0000 http://davidwalsh.name/?p=4726#comment-19166 @Troy: You could always detect a device's resolution and titles and send the appropriate code. :-) @Troy: You could always detect a device’s resolution and titles and send the appropriate code. :-)

]]> By: Troyhttp://davidwalsh.name/google-fade#comment-18385 Troy Wed, 23 Jun 2010 22:49:06 +0000 http://davidwalsh.name/?p=4726#comment-18385 This doesnt seem to work with iPhone until you click something, swiping has no effect. I would assume it wouldnt work with iPad either....Any ideas? This doesnt seem to work with iPhone until you click something, swiping has no effect. I would assume it wouldnt work with iPad either….

Any ideas?

]]> By: shenaniganshttp://davidwalsh.name/google-fade#comment-18204 shenanigans Sun, 13 Jun 2010 12:33:09 +0000 http://davidwalsh.name/?p=4726#comment-18204 aaaah... stupid me, didn't include the the core files ;-) yep, I am a real beginner, so sorry for that ;-) it works!however, firebug now complains about $(document.body).oneEvent is not a function — $(document.body).oneEvent('mousemove',doFadeIn); (line19, mootools)any suggestions? cheers!! aaaah… stupid me, didn’t include the the core files ;-) yep, I am a real beginner, so sorry for that ;-) it works!

however, firebug now complains about $(document.body).oneEvent is not a function — $(document.body).oneEvent(‘mousemove’,doFadeIn); (line19, mootools)

any suggestions? cheers!!

]]> By: shenaniganshttp://davidwalsh.name/google-fade#comment-18203 shenanigans Sun, 13 Jun 2010 12:11:08 +0000 http://davidwalsh.name/?p=4726#comment-18203 hey there,I tried to implement the fading effect in a website of mine. I need to confess, that I am a bloody beginner, when it comes to Mootools and jQuery. I added the code to separate .js files, which I linked to my html file (via the header). I also modified my css-file and added the class to the DIV I'd like to appear. However, this causes the whole DIV to disappear without showing up again. Firebug states that "$ is not defined — [Break on this error] $(document).ready(function() { " (line1, jquery file) and " Native is not defined [Break on this error] Native.implement([Element, Window, Document, Events], { " (line 2, mootools file).As I said, I am really new to this — what could be the cause of my trouble, what do I have to modify and define? Where could I get further information regarding the implementation of mootools and jquery?Thanks a lot in advance, any help is appreciated :-) hey there,

I tried to implement the fading effect in a website of mine. I need to confess, that I am a bloody beginner, when it comes to Mootools and jQuery. I added the code to separate .js files, which I linked to my html file (via the header). I also modified my css-file and added the class to the DIV I’d like to appear. However, this causes the whole DIV to disappear without showing up again. Firebug states that “$ is not defined — [Break on this error] $(document).ready(function() { ” (line1, jquery file) and ” Native is not defined
[Break on this error] Native.implement([Element, Window, Document, Events], { ” (line 2, mootools file).

As I said, I am really new to this — what could be the cause of my trouble, what do I have to modify and define? Where could I get further information regarding the implementation of mootools and jquery?

Thanks a lot in advance, any help is appreciated :-)

]]> By: Daniel Duehttp://davidwalsh.name/google-fade#comment-17173 Daniel Due Mon, 19 Apr 2010 19:48:56 +0000 http://davidwalsh.name/?p=4726#comment-17173 I don´t think ie8 likes thsi script that much, it loades even if I dont move the mouse. And I get some sort of wierd load of content.. Ill guess Ill wait until CSS3 is implemented overall.. and use Hidayat Sagita suggestion ;) I don´t think ie8 likes thsi script that much, it loades even if I dont move the mouse.
And I get some sort of wierd load of content.. Ill guess Ill wait until CSS3 is implemented overall.. and use Hidayat Sagita suggestion ;)

]]> By: Daniel Duehttp://davidwalsh.name/google-fade#comment-17172 Daniel Due Mon, 19 Apr 2010 19:26:22 +0000 http://davidwalsh.name/?p=4726#comment-17172 I love your tutorials.. :) Just did this tut, and its active on my site: www.onlinebrand.dk .. just move the mouse around, and you will see :)Thanks alot. All Credit to your awsome tut..One might wonder, why google choose to do it online, maby somthing to do with speed? Thats why they dont bother to validate ;) I love your tutorials.. :) Just did this tut, and its active on my site: http://www.onlinebrand.dk .. just move the mouse around, and you will see :)

Thanks alot. All Credit to your awsome tut..

One might wonder, why google choose to do it online, maby somthing to do with speed? Thats why they dont bother to validate ;)

]]> By: David Walshhttp://davidwalsh.name/google-fade#comment-17024 David Walsh Wed, 14 Apr 2010 03:27:01 +0000 http://davidwalsh.name/?p=4726#comment-17024 I just noticed that Google does this inline:<html onmousemove="google&&google.fade&&google.fade(event)"> I just noticed that Google does this inline:

<html onmousemove=”google&&google.fade&&google.fade(event)”>

]]> By: Mohammadhttp://davidwalsh.name/google-fade#comment-16914 Mohammad Sat, 10 Apr 2010 09:04:07 +0000 http://davidwalsh.name/?p=4726#comment-16914 Hi David.I am developing a new Website Using Joomla 1.5.15. Joomla 1.5 Is using MOOTOOLS 1.12 :(please help me To Use this Tips With Mootools 1.12Best regards. Thanks For The Tips Hi David.

I am developing a new Website Using Joomla 1.5.15. Joomla 1.5 Is using MOOTOOLS 1.12 :(

please help me To Use this Tips With Mootools 1.12

Best regards. Thanks For The Tips

]]> By: vamsihttp://davidwalsh.name/google-fade#comment-16459 vamsi Sat, 13 Mar 2010 19:50:36 +0000 http://davidwalsh.name/?p=4726#comment-16459 Hi.. I am planning to use this for nav bar.. will search engines be able to see links ? Hi..
I am planning to use this for nav bar.. will search engines be able to see links ?

]]>