SVG kein mouseover

[stromer-12]

Hallo,

Seit einen der letzten Updates geht bei mir in den SVGs die Anzeige von min, max und avg beim überfahren mit der Mouse über den Linientitel nicht mehr.

[rudolfkoenig]

Die Anzeige funktioniert in Firefox, aber nicht in Chrome/Safari/IE11.

Laut Internet-Weisheit war das "schon immer" so, da ausser Firefox kein Browser das title Attribut in SVG-Elementen als Tooltip anzeigt, es soll auch kein Standard sein. Ich habe auch noch alt probiert, ohne Aenderung.  Wenn es jemand besser weiss, bitte melden.

[stromer-12]

In Firefox46 bei mir nicht mehr.

Das es in Firefox ging scheint ein Bug zu sein.
siehe http://www.discuzfeed.com/code/ltlezpup-svg-hover-not-working-in-ie9-or-chrome.html

[frank]

bei mir geht es auch nicht mit ff46.0.

[rudolfkoenig]

Ich habe jetzt vom title Attribut auf title Tag umgebaut.
Ergebnis: Chrome/IE11 funktioniert, Firefox 46 immer noch nicht (vorhin hatte ich eine alte FireFox). Weitere Ideen?

[stromer-12]

In den Grafiken funktioniert mit der Änderung das mouseover auf dem Grafnamen (FF46.0.1).
Bei den Icons werden kein zugehöriger Wert eingeblendet.

[stromer-12]

in fhemweb habe ich das hier jetzt eingesetzt und zeigt beim firefox wieder den Wert an:

Zeile 2136

Code Auswählen Erweitern

-      $data =~ s/<svg/<svg class="$class" alt="$txt" title="$txt"/;
+      $data =~ s/<svg/<svg class="$class" alt="$txt"/;
+      $data =~ s/ <\/svg/<title>$txt<\/title><\/svg/;

[rudolfkoenig]

Habs mit kleiner Aenderung eingecheckt, bitte testen.

[stromer-12]

Funktioniert hier bei mir auf FF46.0.1

[frank]

Funktioniert hier bei mir auf FF46.0.1

danke, auch hier.

[ht]

Leider funktioniert nach der Änderung mein Floorplan nicht mehr. Ich teste im CSS das Attribut "title" im svg-Tag, um die Icons im Floorplan (aber auch nur dort, also nicht in der normalen Darstellung) auf Basis des States unterschiedlich einzufärben. Beispiel:

Code Auswählen Erweitern

svg[title^="Dimmer "],
svg[title="on"] {
fill: rgba(255, 255, 100, 0.8);
}

Meines Wissens kann ich mit CSS die neue Struktur nicht abfragen, d.h. einen Wert für SVG abhängig vom Wert eines verschachtelten Tags zu bestimmen. Ich habe daher bei mir testweise das title-Attribut wieder eingebaut, und mit Safari und FireFox unter OS X getestet. Die Tool Tips kommen und mein Floorplan geht auch wieder.

Code Auswählen Erweitern

Index: FHEM/01_FHEMWEB.pm
===================================================================
--- FHEM/01_FHEMWEB.pm (revision 11427)
+++ FHEM/01_FHEMWEB.pm (working copy)
@@ -2137,7 +2137,7 @@
       close(FH);
       $data =~ s/[\r\n]/ /g;
       $data =~ s/ *$//g;
-      $data =~ s/<svg/<svg class="$class"/;
+      $data =~ s/<svg/<svg class="$class" title="$txt"/;
       $data =~ s,</svg,<title>$txt</title></svg,;
       $name =~ m/(@.*)$/;
       my $col = $1 if($1);


Spricht etwas dagegen? Von mir aus kann es gerne auch ein anderes Attribut werden, wenn title als Attribut und Sub-Tag ev. Probleme macht.

Grüße,
Volker

[rudolfkoenig]

Bin gegen title, da es missverstaendlich ist. Ab sfort wird der gleiche Inhalt mit data-txt angeboten.
Macht mich etwas wahnsinnig, das Chrome/IE11 den Titel immer noch nicht anzeigt, nur FireFox.
Hat jemand eine Idee, wie man das richtig macht?

[ht]

Danke für die Änderung. Habe das Update heute eingespielt und kurz die CSS angepasst, jetzt tut mein Floorplan wieder.
Grüße,
Volker