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

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Anthony Morris
    #1

    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
    Tags: None
    • Randy Webb
      #2
      Re: How'd they do that? (Cool Mouseover balloons)

      Anthony Morris wrote:[color=blue]
      > 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[/color]

      No "cool balloon" for me.


        Comment

        • Thomas 'PointedEars' Lahn
          #3
          Re: How'd they do that? (Cool Mouseover balloons)

          Anthony Morris wrote:[color=blue]
          > 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[/color]

          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.
          [color=blue]
          > 4) Explain or provide example/links to tutorials I can use to
          > understand how to do the same thing[/color]

          View the Source, Luke.


          PointedEars

            Comment

            • Harag
              #4
              Re: How'd they do that? (Cool Mouseover balloons)

              On 27 Jul 2004 15:11:57 -0700, anthonymorris@y ahoo.com (Anthony
              Morris) wrote:
              [color=blue]
              >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[/color]


              check out the following:

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


              HTH
              Al

                Comment

                • Harag
                  #5
                  Re: How'd they do that? (Cool Mouseover balloons)

                  On 27 Jul 2004 15:11:57 -0700, anthonymorris@y ahoo.com (Anthony
                  Morris) wrote:
                  [color=blue]
                  >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[/color]

                  I get the "Cool Balloon" on Windows 2K - IE6 but no ballon on NS 7.1
                  [color=blue]
                  >4) Explain or provide example/links to tutorials I can use to
                  >understand how to do the same thing[/color]

                  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.

                  [color=blue]
                  >
                  >
                  >Thanks!
                  >Anthony[/color]

                    Comment

                    • Grant Wagner
                      #6
                      Re: How'd they do that? (Cool Mouseover balloons)

                      Harag wrote:
                      [color=blue]
                      > On 27 Jul 2004 15:11:57 -0700, anthonymorris@y ahoo.com (Anthony
                      > Morris) wrote:
                      >[color=green]
                      > >4) Explain or provide example/links to tutorials I can use to
                      > >understand how to do the same thing[/color]
                      >
                      > The best way I found to learn is to look at other peoples source...
                      >
                      > View the source and search for "Site Info"[/color]

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

                        Comment

                        • Harag
                          #7
                          Re: How'd they do that? (Cool Mouseover balloons)

                          On Wed, 28 Jul 2004 15:34:33 GMT, Grant Wagner
                          <gwagner@agrico reunited.com> wrote:
                          [color=blue]
                          >Harag wrote:
                          >[color=green]
                          >> On 27 Jul 2004 15:11:57 -0700, anthonymorris@y ahoo.com (Anthony
                          >> Morris) wrote:
                          >>[color=darkred]
                          >> >4) Explain or provide example/links to tutorials I can use to
                          >> >understand how to do the same thing[/color]
                          >>
                          >> The best way I found to learn is to look at other peoples source...
                          >>
                          >> View the source and search for "Site Info"[/color]
                          >
                          >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.[/color]


                          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.

                            Comment

                            Previous template Next
                            Working...