By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
449,017 Members | 1,072 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 449,017 IT Pros & Developers. It's quick & easy.

How'd they do that? (Cool Mouseover balloons)

P: n/a
1) Visit the site: http://www.alexa.com/data/details/?url=google.com
2) Now move your mouse over one of the links marked "Site Info" under
the section labeled "People who visit this page also visit:"
3) Observe the cool balloon that appears with an mini-webpage
4) Explain or provide example/links to tutorials I can use to
understand how to do the same thing
Thanks!
Anthony
Jul 23 '05 #1
Share this Question
Share on Google+
6 Replies


P: n/a
Anthony Morris wrote:
1) Visit the site: http://www.alexa.com/data/details/?url=google.com
2) Now move your mouse over one of the links marked "Site Info" under
the section labeled "People who visit this page also visit:"
3) Observe the cool balloon that appears with an mini-webpage


No "cool balloon" for me.
Jul 23 '05 #2

P: n/a
Anthony Morris wrote:
1) Visit the site: http://www.alexa.com/data/details/?url=google.com
2) Now move your mouse over one of the links marked "Site Info" under
the section labeled "People who visit this page also visit:"
3) Observe the cool balloon that appears with an mini-webpage
No "cool baloon" in my Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6)
Gecko/20040614 Firefox/0.8 and Konqueror 3.2.2 (KDE 3.2.3), but I get
a bunch of warnings in Firefox's JavaScript Console.
4) Explain or provide example/links to tutorials I can use to
understand how to do the same thing


View the Source, Luke.
PointedEars
Jul 23 '05 #3

P: n/a
On 27 Jul 2004 15:11:57 -0700, an***********@yahoo.com (Anthony
Morris) wrote:
1) Visit the site: http://www.alexa.com/data/details/?url=google.com
2) Now move your mouse over one of the links marked "Site Info" under
the section labeled "People who visit this page also visit:"
3) Observe the cool balloon that appears with an mini-webpage
4) Explain or provide example/links to tutorials I can use to
understand how to do the same thing
Thanks!
Anthony

check out the following:

http://www.bosrup.com/web/overlib/

HTH
Al

Jul 23 '05 #4

P: n/a
On 27 Jul 2004 15:11:57 -0700, an***********@yahoo.com (Anthony
Morris) wrote:
1) Visit the site: http://www.alexa.com/data/details/?url=google.com
2) Now move your mouse over one of the links marked "Site Info" under
the section labeled "People who visit this page also visit:"
3) Observe the cool balloon that appears with an mini-webpage
I get the "Cool Balloon" on Windows 2K - IE6 but no ballon on NS 7.1
4) Explain or provide example/links to tutorials I can use to
understand how to do the same thing
The best way I found to learn is to look at other peoples source...

View the source and search for "Site Info"

You will see that in the <a> element for it they have a isRollover
attribute. for the <a> element before that they have a isData
attribute.

Now loot at the top of the souce and view all the <script> files that
were included:

http://client.alexa.com/common/js/search_functions.js
http://client.alexa.com/common/js/enum.js
http://client.alexa.com/common/js/xml.js
http://client.alexa.com/common/js/behavior.js

Next check the <body> tag... see the onLoad="blah"... well check out
that function in one of the above files (enum.js)

HTH.

Good Luck.



Thanks!
Anthony


Jul 23 '05 #5

P: n/a
Harag wrote:
On 27 Jul 2004 15:11:57 -0700, an***********@yahoo.com (Anthony
Morris) wrote:
4) Explain or provide example/links to tutorials I can use to
understand how to do the same thing


The best way I found to learn is to look at other peoples source...

View the source and search for "Site Info"


Except when the script only appears to work in one browser, in which case
you should start looking elsewhere for similar functionality written by
someone who understands how to make it work on more then a single browser.

--
Grant Wagner <gw*****@agricoreunited.com>
comp.lang.javascript FAQ - http://jibbering.com/faq

Jul 23 '05 #6

P: n/a
On Wed, 28 Jul 2004 15:34:33 GMT, Grant Wagner
<gw*****@agricoreunited.com> wrote:
Harag wrote:
On 27 Jul 2004 15:11:57 -0700, an***********@yahoo.com (Anthony
Morris) wrote:
>4) Explain or provide example/links to tutorials I can use to
>understand how to do the same thing


The best way I found to learn is to look at other peoples source...

View the source and search for "Site Info"


Except when the script only appears to work in one browser, in which case
you should start looking elsewhere for similar functionality written by
someone who understands how to make it work on more then a single browser.

lol, yea I couldn't agree more now I've looked through the code for
this site a bit more.

But its a good step in learning by taking someone elses 1 browser code
and trying to change it for multi browsers.

AL.
Jul 23 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.