Comments on: SVG Web Stats 2.0

By: Jeff Schiller

Jeff Schiller — Tue, 08 Jul 2008 14:42:55 +0000

Hm, I guess I was wrong. The SMIL Spec says that the id part of the event is not necessarily the current target (in other words, it may still be caught on bubbling). In that case, I should be able to prevent bubbling or mouseover/mouseout events inside my checkboxes, I guess.

By: Jeff Schiller

Jeff Schiller — Tue, 08 Jul 2008 12:38:36 +0000

Thanks Erik. But if what you're saying is true, I should be able to to do:




  legend.mouseover" .../>

  legend.mouseout"  .../>

  .... lots of other stuff that might have other mouse event triggers ...

Shouldn't putting "legend." on the event names prevent the bubbling events from triggering the scaling animation? It didn't when I tried this in the morning. And I can't use pointer-events="none" because I actually want mouse click events to trigger events (toggling the checkmark and redrawing the graph, for instance).

By: Erik Dahlström

Erik Dahlström — Tue, 08 Jul 2008 09:14:45 +0000

Breakdown of the legend problem:

1. The ‘mouseover’ and ‘mouseout’ events bubble

2. When you mouseover something in the ‘g’ element in the legend that’s fine, it triggers the in-animation

3. If the cursor is moved from the element that got the ‘mouseover’ originally (the target of the event) then that element will get a ‘mouseout’ event, which will bubble up to the ‘g’ element triggering the out-animation

4. The element that was moused over gets the ‘mouseover’ event, which bubbles to the ‘g’ element and triggers the in-animation

Since only one event is handled at a time, this looks ‘jittery’. One way to get away from the problem is to use pointer-events=”none” to ensure that there’s only one element inside the ‘g’ that is the target of the mouse events.

By: Erik Dahlström

Erik Dahlström — Fri, 04 Jul 2008 08:10:43 +0000

Thanks for the report, we’re looking into the mouseevent issues. Adding an eventlistener for mouseover/mouseout to do some event logging will tell you what happens.

By: sribharath

sribharath — Thu, 03 Jul 2008 07:21:38 +0000

thank you,very nice analysis

By: stelt

stelt — Thu, 03 Jul 2008 02:02:50 +0000

Thanks for the mouseover. No longer anything falling off the screen. Though at the top there’s no whitespace now. HELP button is exactly against the edge. Title is about 2 pixels away from it. Perfect enough for me though. On some other sites i had seen 1 or 2 of those very alternative browsers at still almost 1%. Never mind, it’s awesome as it is.

By: Jeff Schiller

Jeff Schiller — Wed, 02 Jul 2008 14:33:26 +0000

@Shelley, @stelt: Thanks!

“everything below half way the diagonal arrows falls outside my maximized browserwindow” => Please tell me if this is fixed now.

“Maybe have a mouseover text on the browser family name for combined percentages” => Done.

Change to Gecko/WebKit isn’t so simple. I am really only displaying Firefox and Safari – the other browsers that are based on those engines are not yet at a significant percentage where they merit display (no offense to anyone!). Generally all other browsers (Netscape, Konqueror, K-Meleon, Epiphany, OmniWeb, Flock, Seamonkey, Camino, Iceweasel, iCab) account for less than a combined 1% of my total traffic. One day maybe I’ll rewrite my log file crunching so that it does include all ‘family’ derivatives, but not today.

By: Shelley

Shelley — Wed, 02 Jul 2008 13:13:15 +0000

That’s beautiful, Jeff. Hey, I like the morphing comments fields.

By: stelt

stelt — Wed, 02 Jul 2008 08:25:22 +0000

I have two click “Submit Comment” twice.

By: stelt

stelt — Wed, 02 Jul 2008 08:23:38 +0000

Very, very nice. Some remarks:

- everything below half way the diagonal arrows falls outside my maximized browserwindow (if i go into fullscreen mode the problem is solved). That’s on Firefox 3

- Maybe change “Firefox other” into “Gecko other” ? (Because of SeaMonkey, Camino, ..)

- Maybe change “Safari other” into “WebKit other” ? (Because of OmniWeb, Konqueror, …)

- Maybe have a mouseover text on the browser family name for combined percentages

- added it to http://svg.startpagina.nl