473,770 Members | 2,082 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 8134
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***********@y ahoo.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***********@y ahoo.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***********@y ahoo.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*****@agrico reunited.com>
comp.lang.javas cript FAQ - http://jibbering.com/faq

Jul 23 '05 #6
On Wed, 28 Jul 2004 15:34:33 GMT, Grant Wagner
<gw*****@agrico reunited.com> wrote:
Harag wrote:
On 27 Jul 2004 15:11:57 -0700, an***********@y ahoo.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
2992
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
6178
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, their code is a bit dense to decipher. i wanted to know, what is the basic mechanism to make this possible?
3
2018
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 offered the chance to delete or edit it. I'm trying to figure out how that is done. It seems like either you can all LI elements to an addEventListener kind of thing, or you do something like this: document.onmouseover= moveDeleteControls;
2
2018
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
1642
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, sEventType, fnHandler) { if (oTarget.addEventListener) { oTarget.addEventListener(sEventType, fnHandler, false); } else if (oTarget.attachEvent) { oTarget.attachEvent("on" + sEventType, fnHandler);
2
16179
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
3035
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 length. <html> <head> <title>Rapid Blocking Interface</title> <style> .calendar {
5
3514
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 doing so. does anyone know how? thanks so much
0
9595
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10059
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10008
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8891
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6682
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5313
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3974
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3578
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2822
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.