Loading ...
Sorry, an error occurred while loading the content.
 

RE: [ploticus] Mouseovers with SVG - new suggestion

Expand Messages
  • Jamie Echlin
    The mouseover popup man mailed me back - I don t have time to test what he s saying, or even read it properly to be honest, but maybe you could try it Patrick
    Message 1 of 3 , Jan 14, 2005
      The mouseover popup man mailed me back - I don't have time to test what he's
      saying, or even read it properly to be honest, but maybe you could try it
      Patrick and see if it does the trick. Message attached.

      jamie

      > -----Original Message-----
      > From: Jamie Echlin [mailto:jechlin@...]
      > Sent: 13 January 2005 09:40
      > To: ploticus@yahoogroups.com
      > Subject: RE: [ploticus] Mouseovers with SVG - new suggestion
      >
      >
      > > I tried your link (rule.htm) : it works great under IE6 but does'nt
      > > seem to work for me under Mozilla : have i missed something ?
      >
      > Hrm, you're right, I don't think you've missed anything. The
      > example on the mws website:
      > http://www.macridesweb.com/oltest/flash.html sort of works
      > for Mozilla except the entire object is hidden when the popup
      > appears. I don't know enough about it to guess what the
      > problem is, but I'll send a message to the mws maintainer -
      > don't know if he'll reply though....
      >
      > jamie
      >
      > >
      > > -----Message d'origine-----
      > > De : Jamie Echlin [mailto:jechlin@...] Envoyé :
      > > mercredi 12 janvier 2005 12:15 À : ploticus@yahoogroups.com Objet :
      > > [ploticus] Mouseovers with SVG - new suggestion
      > >
      > >
      > > Hi,
      > >
      > > I have stumbled on a nice solution to the problem of annotating SVG
      > > graphs with popups. You can see the solution in action here:
      > > http://www.onresolve.com/scratch/plot/Rule.htm
      > >
      > > The main advantage over previous techniques is this is very easy to
      > > use.
      > > A
      > > bit of history: initially I tried to do this with the
      > overlib library
      > > from Eric Bosrup. The problem was the SVG (and the same applies to
      > > Flash) control "steals" that part of the screen and won't
      > allow popups
      > > to appear over it, so we had to make the popup appear at a
      > fixed point
      > > outside of the graph.
      > > Then I tried to use SVG objects and javascript to implement the
      > > popups, this worked reasonably well except that you don't
      > have great
      > > control over what appears in the box, and it's quite cumbersome to
      > > use.
      > >
      > > Finally I have found an extension to overlib, overlibmws
      > > (http://www.macridesweb.com/oltest/) which extends overlib allowing
      > > the popups to appear over the SVG object. This solution
      > seems best to
      > > me because it's very easy to format the popup, eg you can have HTML
      > > elements in the popup, including links and images and so
      > on, through
      > > only changing your plot file and not javascript or svg files etc.
      > >
      > > To implement this:
      > > Download and unzip overlibmws from
      > > http://www.macridesweb.com/oltest/overlibmws.zip
      > >
      > > In the containing HTML page include this section in the
      > <head> block:
      > >
      > > <script type="text/javascript" src="mws/overlibmws.js"></script>
      > > <script type="text/javascript"
      > > src="mws/overlibmws_iframe.js"></script>
      > > <script type="text/javascript"
      > src="mws/overlibmws_hide.js"></script>
      > > <script type="text/javascript"
      > > src="mws/overlibmws_shadow.js"></script>
      > >
      > > Make sure those are valid URLs obviously.
      > >
      > > In the ploticus file use the clickmaplabel appropriately, eg in my
      > > example I
      > > have:
      > >
      > > clickmaplabel: onmouseover='overlib( "Date: <b>@@1</b> <BR>Value:
      > > <b>@@2</b>
      > > <BR>@@3", CAPTION, "Spot Details")' onmouseout='nd();'
      > >
      > > jamie
      > >
      > >
      > >
      > >
      > > Yahoo! Groups Links
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > > Yahoo! Groups Links
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      > >
      >
      >
      >
      >
      > Yahoo! Groups Links
      >
      >
      >
      >
      >
      >
      >
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.