473,326 Members | 2,192 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

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

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
6 8105
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
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
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
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Raed Sawalha | last post by:
Dear : I have an image in a aspx page I need when user mouseover it to display HTML Table with links. Regards
3
by: Xah Lee | last post by:
there are two library for popup balloons: • Erik Bosrup's overlib at: http://www.bosrup.com/web/overlib/ • Walter Zorn from: http://www.walterzorn.com/tooltip/tooltip_e.htm however,...
3
by: Jake Barnes | last post by:
37 Signals has built some awesome software with some features I wish I knew how to imitate. When I'm logged into my page (http://lkrubner.backpackit.com/pub/337271) any item that I mouseOver I'm...
2
by: Mythran | last post by:
There a way to add balloons to the system tray icons (our own) via C#/VB.Net 1.1? Thx, Mythran
6
by: Ralph | last post by:
Hi I have a problem understanding why events are triggered in the way they are in the example below. I have a function assigning events to DOM objects: addEventHandler = function (oTarget,...
2
by: Francesco Moi | last post by:
Hi. I want to create a link within a H1 text: --- <h1><a href=foo>text</a></h1> --- And I've got (in my CSS) --- h1
2
by: markszlazak | last post by:
I'm a relatively slow response of table cells changing their background color with mouseover/our in IE6 (Win 2K) but the response is fine (fast) in Firefox. Why? The code is below. Sorry about the...
5
by: njuneardave | last post by:
I have a full-screen C# app, but windows notifications (the little balloons on the bottom right-hand of the screen) and outlook reminders will pop on top of my app. i want to prevent them from...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.