Tooltip 
Autore: Ingo D.
Visite 418,
Followers 1,
Condiviso 0
Hat vielleicht nichts mit WX5 zu tun.
Aber kann es sein das Tooltips nicht auf Androit angezeigt werden!
Oder muss man das ander seingeben.
Danke Ingo
Postato il
Hello Ingo,
could you please provide additional details?
Do you have a page as example?
Eric
Online translation:
Hallo Ingo,
könnten Sie bitte weitere Details bereitstellen?
Haben Sie eine Seite als Beispiel?
Eric
Autore
Ich habe meine Webseite auf dem Tablett probiert und festgestellt das die Tooltips
nicht wirklich funktionieren.
https://mdf-hundetraining.ch/
Gruss Ingo
Offenbar sind Tooltips bei Tablets und Smartphone deaktiviert.
Ich habe es auf dem Notebook in der Firefox-Simulation getestet. Bei normaler Ansicht funktionieren Tooltips, aber bei Smartphone-Simulation im Quer- oder Hochformat ist kein Tooltip zu sehen.
Am Besten den Link richtig bezeichnen, dann ist es egal, ob der Tooltip angezeigt wird.
Also anstatt auf den Tooltip hoffent ...
Zögern sie nicht,schreiben sie mir.
... einfach die Information hinzufügen ...
Zögern sie nicht, schreiben Sie mir per Kontaktformular.
Autore
Das stimmt so weit.
Dann muss ich mir was einfallen lassen, wegen der Hundeliste.
Auf der Kantonskarte liegt ja ein Imapp(<area shape="rect" coords)
Ich habe da nur ein Tooltip geschafft,um die verbotenen Hunde anzugeben.
Gern hätte ich eine Showbox oder ein Fenster das aufgeht und die Hunde Liste zeigt.
Dadurch das dass Imap kein Image ist,lässt sich auch kein Rollover einbauen.
Ne Idee?
Gruss Ingo
Jetzt habe ich mal etwas zusammengebastelt, das dem Gewünschten nahe kommt.
Meine Testseite >>http://finde-links.de/123shop-hosteurope/imagemap-tooltip.html
Auf der Testseite sind nur die Kantone Wallis, Tessin und Graubünden aktiv verlinkt.
Kleine Anleitung:
1) Ich habe das Online-Tool für die Imagemap verwendet, um die Polygone zu zeichnen, siehe
>> https://image-map.weebly.com/
2) Den erzeugten HTML-Code von Weebly habe ich in ein HTML-Objekt eingefügt und mit Code erweitert, siehe Screenshot (1) unten
3) Damit die im Imagemap verlinkten Seiten in der Showbox ohne Design und Menü angezeigt werden, habe ich unter ...
4 Seiten
... diese Seiten jeweils markiert und oben auf "Eigenschaften" geklickt, dann den Reiter "Grafik" angeklickt und ein Häkchen gesetzt bei ...
[X] Seite ohne Template erstellen
... siehe auch Screenshot (2) ganz unten mit weiteren Hinweisen.
Vielleicht haben auch noch die CSS- und Javascript-Experten Tipps dazu.
-----
----- (2) -----
Hier noch der Code für die Showbox zum Kopieren:
onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-789.html', width: 1920, height: 1080, description: ''}]}, 0, this);"
Die Angabe bei "url" muss angepasst werden und bei Bedarf die Angaben bei "width" und "height".
... für reaktionsfähiges "imageMapResizer.min.js"...
"imageMapResizer.min.js"
Im Online-Tool von Weebly vorhanden, siehe Link bei "Kleine Anleitung Punkt 1)" und Screenshot.
...Ich wollte Sie nur warnen, dass das JS in Ihrem Online-Beispiel fehlt, tatsächlich geraten der Hot-Bereich und der Tootip in niedrigeren Auflösungen aus dem Muster... ciao
.
@KolAsim: Danke für den Hinweis!
Es war mir gar nicht aufgefallen, dass die JS-Adresse nicht vollständig ist
Ich habe den Code auf meiner Testseite gleich ergänzt. Eigentlich sollte das Online-Tool darauf hinweisen, da nicht jeder Nutzer die JS-Datei bereits auf seinem Webspace hat.
Autore
Jetzt sieht meine Schweizer Rassehndelist so aus wie es mir vorgestellt habe.Ja fast.
Danke allen
Autore
Ach ja: https://mdf-hundetraining.ch/