WP 3.4 Tooltip, Imagemap, WPtouch

Hallo,

folgendes Problem:
Ich suche ein Plugin, welches mir es ermöglicht, über die einzelnen über eine Imagemap festgelegten Bereiche eines Bildes einen Tooltip anzeigen zu lassen, welches auch unter Verwendung des Plugins WPtouch auf mobilen Endgeräten funktioniert.

Für die "normale" Nutzung mit stationärem Endgerät habe ich eine funktionstätige Lösung für dieses Problem. Dazu habe ich in meinem benutzten Theme in der header.php folgenden Code stehen:

<script><!--                  
      tooltip = null;  
      document.onmousemove = updateTooltip;  
      
      function updateTooltip(e) {      
        try {  
          x = (document.all) ? window.event.x + document.documentElement.scrollLeft: e.pageX;  
          y = (document.all) ? window.event.y + document.documentElement.scrollTop: e.pageY;  
          if (tooltip != null) {  
            tooltip.style.left = (x + 20) + "px";  
            tooltip.style.top = (y + 20) + "px";  
          }  
        } catch (error) { error=null; }  
      }  
      
      function showTooltip(id) {      
        try {  
          tooltip = document.getElementById(id);  
          tooltip.style.display = "block"  
        } catch (error) { error=null; }  
      }  
      
      function hideTooltip() {      
        try {  
          tooltip.style.display = "none";  
        } catch (error) { error=null; }  
      }  
    --></script>

Die Inhalte des Tooltips werden im eigentlichen Artikel als

<div id="d1" class="tooltip" style="width: 200px;">
<div class="head">Überschrift</div>
<div class="content">Inhalt</div>
</div>

angelegt und dann im <area>-Tag mittels

onmouseover="showTooltip('d1')"

zur Anzeige gebracht. Wie gesagt, beim "normalen" Gebrauch funktioniert es problemlos.
Wenn ich mir dann aber die Seite via Smartphone anschauen will, werden die Tooltips nicht angezeigt. Es wird das Bild angezeigt, und untem im Artikel dann die einzelnen <div>'s, was ja nicht Sinn der Sache ist.

Da ich, was WordPress betrifft , nur ein Laie bin, denke ich, dass es daran liegt, dass ich die Funktionen in der header.php abgelegt habe, die ja auf dem Smartphone mit WPtouch nicht angezeigt wird, so also wahrscheinlich ignoriert wird und nur der Inhalt der Seite (also die page-content.php) angezeigt wird. Sicher bin ich mir nciht, dazu ist das Plugin WPtouch viel zu komplex, als dass ich dieses verstehen würde.

Die Tooltip-Plugins, die ich bisher ausprobiert habe (easy-tooltip, wp-image-tooltip, wordpress-tooltips) bringen leider nicht die gewünschte Funktionalität.

Auch habe ich

http://artofpic.de/wordpress/hots…s-in-wordpress/

versucht umzusetzen, aber irgendwie stell ich mich da zu dumm an, das bekomm ich garnicht zum laufen :(.

Zwar versuche ich nebenbei selbst ein Plugin für dieses Problem zu schreiben, da ich aber, wie schon gesagt, was WP anbelangt, ein Laie bin, wird dies wohl sehr lange dauern :(.

Da ich nicht weiter weiß, hoffe ich, hier kennt jemand eine Lösung, die funktioniert. Vielen Dank im Voraus :).

Zitat von Art of Pic

wo liegt denn das Problem?

bekommst du es allgemein nicht zum laufen oder nur unter WPtouch nicht?

Hallo, danke für die schnelle Antwort :).

Irgendwie bekomme ich es garnicht zum laufen, kA woran es liegt. Ich denke, ich habe "wz_tooltip.js" richtig eingebunden, er meldet auch keine Probleme (wie, dass irgendeine Funktion unbekannt wäre oder so), aber wenn ich auf einen Bereich gehe, kommt kein Tooltip. Leider, da ich es ganz schön fand (naja, ich hab ja hier noch eine WP-Version lokal mit XAMP laufen, vielleicht bekomme ich es da noch hin irgendwie ... probieren geht über studieren ^^).

Danke für den Hinweis, da weiß ich jetzt, wo mein Problem liegt und werde es gleich versuchen zu richten. Ich hoffe es klappt, wenn nicht, melde ich mich morgen nochmal (wenn doch, dann auch, um nochmal Danke zu sagen ^^). Vielen Dank :).

Vielen Dank, hat funktioniert :) - Problem gelöst :).

Hallo nochmal,

leider muss ich diesen Thread wieder hochholen, zwar funktioniert das mit dem Tooltip an sich unter WPtouch, jedoch passiert dabei folgendes:

Beim klicken auf eine <area> mit Tooltip öffnet sich der Tooltip, jedoch springt nach dem Öfnen die Seite wieder an den Anfang, was bedeutet, wenn ein Bild mit Tooltips unten auf einer Seite steht, dann springt man wieder ganz an den Anfang und sieht den Tooltip nicht.

Leider hab ich 0 Plan, warum das passiert, ob das irgendetwas mit dem Skript zu tun hat, welches eingefügt wurde, oder ob einfach nur das WPtouch die Seite nach öffnen des Tooltips neu lädt. Vielleicht hat ein anderer hier auch solch ein Problem und weiß was zu tun ist. Vielen Dank im Voraus.

Danke Art of Pics, hab dir einen Link per PM geschickt.

Achso, also ich hab nun keinen Plan, wie die einzelnen Browser heißen, aber beim Standardbrowser beim Sony Ericsson arc und beim Standardbrowser bei einem HTC-Smartphone (genaue Bezeichnung kenn ich leider nicht, da ich es jetzt nicht vor mir liegen habe), läuft es immer so ab wie oben beschrieben.

ahhh, ok, danke .... na das ja wieder ein Spaß mit den unterschiedlichen Geräten ^^ - aber vielen Dank :)