• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abgeschaltetes Javascript: Unbrauchbare Internetseiten mit Tooltipps im HTML-Attribut “title”

Overtone

Neues Mitglied
Die Webseite Freelance-Market.de setzt unter Anderen bei dem Kategorienmenü auf der linken Seite ein Tooltip ein, welches auf dem Boxover-Javascript beruht. Das klappt soweit ganz gut, außer der User nutzt kein Javascript in seinem Browser.

Dann erscheint statt des Tooltips, nur eine unästhetische Box mit Quellcode, die die meisten unserer Nutzer nur verwirrt. Ihr könnt euch das mal ansehen, wenn Ihr auf http://www.freelance-market.de/c/it geht und dann z. B. den Mauszeiger über “Berater” bewegt.

Welche Möglichkeiten seht ihr hier zur Problem-Beseitigung:

1. Lässt sich das HTML-Attribut „title“ in irgendeiner Weise beeinflussen bzw. deaktivieren?
2. Lässt sich per <noscript>-Tag etwas erreichen (hat leider bei unseren Versuchen nicht funktioniert).
3. Lässt sich der Boxover-Javascript event. erweitern?
4. Weitere Vorschläge?
 
Das Problem ist, dass der Text im title-Attribut vom Browser unverändert angezeigt wird, wenn Javascript deaktiviert ist. Daher wird es nichts nützen, wenn man im Boxover-Javascript etwas ändert.
Die einzige Lösung, die mir einfällt, ist, im HTML die title-Attribute leer zu lassen oder mit Nur-Text zu definieren und dann beim Laden der Seite mit Javascript die codierten Texte einzutragen. Man könnte diese in einem Array ablegen und den betr. Elementen eine ID geben, mit der man sie finden kann.
Wie entstehen denn die Texte in den title-Attributen? Werden sie maschinell erzeugt oder von Hand codiert? Ich denke, man kann eine Lösung finden, um die Überarbeitung maschinell zu machen, d. h. die codierten Texte in dem Array zu speichern und das Title-Attribut zu ändern. Z. B. mit einem PHP-Skript.
Aber vielleicht fällt jemand anders noch eine einfachere Lösung ein.
 
Im Zeitalter von SinglePage Apps muss man bei abgeschaltetem JS mit Einschränkungen rechnen. Wir berücksichtigen ja auch keine IE6 User mehr oder testen Seiten in Browsern von internetfähigen TVs.

Wenn ich trotzdem eine Lösung finden müsste, würde ich entweder ein Plugin einsetzen, welche die Infos aus einem Data-Attribut bezieht, oder die Texte in einem Data-Attribut ablegen und per JS in das leere Title-Attribut des jeweiligen Tags kopieren. Dafür braucht es dann keine zusätzlichen Arrays.

Code:
<img class="bar" src="foo.jpg" data-text="foo bar" title="">

$('.bar').attr('title', $(this).data('text'));
 
Zurück
Oben