Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Tooltip/Mouseover Problem in eurem Forum!

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 13:36

Liebe Community,

ich habe ein großes Problem bezüglich eines Vorhabens von mir.
Ich habe vor ein Bild als Tooltip (Ein gewählter Link) anzeigen zu lassen, wenn ich mit der Maus über ein bestimmtes Wort fahre.
Hierzu möchte ich gern ein Beispiel zu Verfügung stellen:

Der Link: http://wow.gamona.de/das-spiel/was-ist-das/klassenguides/wotlk-vergelterpaladin-guide/3/#best-in-slot
Das Bild mit der Aktion: http://s1.directupload.net/file/d/3170/kme9ydja_gif.htm

Ich komme einfach nicht mehr weiter und bitte daher um Hilfe.

MfG

Hahpuh
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 13:47

Hallo und herzlich Willkommen,

du bist neu hier im Forum.
Mache dich bitte zunächst mit den hiesigen Forenregeln vertraut.

Viele Antworten findest du auch in der Wissenssammlung "Lexi Help" Exclamation

Klick einfach auf das Bild Arrow Tooltip/Mouseover Problem in eurem Forum! Lexihe10

Solltest du keine für dich passende Antwort in der Suchfunktion (Link in der Navigation) oder bei "Lexi Help" gefunden haben, dann eröffne pro Frage ein neues Thema.

Ich wünsche dir hier im Forum viele Informationen und guten Erfolg mit deinem Forum top
Ein "Problem in eurem Forum" ist das wohl eher nicht, sondern vielmehr ein Sonderwunsch von dir. Wink Ich verschiebe den Thread deshalb aus dem Supportbereich nach "Allgemeine Diskussionen":
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes

Ich habe hier solche Javascript-Tooltips aber schonmal ausführlich erklärt:
https://hilfe.forumieren.com/t34111-charakteranzeige-durch-anvisieren-des-bildes#223256
https://hilfe.forumieren.com/t34236-phpbb2-tooltip-problem
Wenn du dich da mal einliest, sollte dir das weiterhelfen. Wink

Liebe Grüße
Günther
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 17:51

Dies hilft mir nicht weiter, da ich in den Code einfach nur die Url vom Bild haben einfügen möchte bzw. den Text auch einfach einfügen möchte.

Beispiel, das eigentlich gehen sollte, aber bei euch nicht funktioniert:

Code:
<a href="http://www.wowhead.com/?item=48621" target="_blank">
<span style="color: #a335ee; font-weight: bold;">Liadrins
Schulterplatten des Triumphs</span>
</a>

Eigentlich sollte er so lauten, jedoch geht es nicht, da ich nur bei Mausklick verlinkt werde und kein Tooltip angezeigt bekomme beim Mouseover.
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 17:56

Manchmal ist nicht alles so möglich, wie man es gerne möchte. Wink
Aber wenn deine Lösung nicht funktioniert und du meine nicht verwenden möchtest, ist dieses Thema ja schon wieder erledigt.

Du kannst dir max. dort noch das title-Attribut ansehen, weitere Möglichkeiten gibt es nicht mehr:
http://de.selfhtml.org/html/attribute/allgemeine.htm
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 19:23

Wieso funktioniert es dann auf der Hp, die ich verlinkt habe, aber bei euch nicht? Woran liegt ? Ich möchte wie gesagt einfach ein Bild beim überfahren eines Wortes bzw. mehreren Wörter haben, das dann als Tooltip gilt. Einen externen link kann ich auch einfach mit [url]xxx[/url] einsetzten. Verstehen Sie, was ich meine?
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 19:31

Ich verstehe genau, was du meinst, und habe dir auch seit Beginn an die einzig mögliche Lösung dafür genannt. Wink

Wenn sich beim Hovern eines Links ein Tooltip mit Bildern etc. öffnen soll, dann kann das nur über Javascript oder ggf. CSS erreicht werden. Mit dem Schema, das du hier gepostet hast, wird das nicht nur bei uns, sondern bei anderen Websites genausowenig funktionieren, weil es sich dabei schlicht und einfach um inkorrektes HTML handelt und nicht mehr. Wink

hahpuh schrieb:Wieso funktioniert es dann auf der Hp, die ich verlinkt habe, aber bei euch nicht? Woran liegt ?
Die verlinkte Website hat eine eigene Datenbank, an die entsprechende Abfragen gestellt werden, und spezielle Javascript-Umsetzungen zusammengestellt. Dort hat man also mit viel Fachkenntnis und Aufwand eine entsprechende Umgebung geschaffen, die soetwas ermöglicht.
Solange diese Umgebung bei einer Website nicht vorhanden ist (und das ist sie bei deinem Forum nicht), sind solche besonderen Effekte auch nicht möglich.

Wie du dir das vorstellst, wird es grundsätzlich nicht möglich sein. Wie man generell solche Javascript-Tooltips erzeugen kann, habe ich dir oben verlinkt. Mehr Spielraum hast du allerdings nicht, tut mir leid.
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 19:35

Wenn sich beim Hovern eines Links ein Tooltip mit Bildern etc. öffnen soll, dann kann das nur über Javascript oder ggf. CSS erreicht werden. Mit dem Schema, das du hier gepostet hast, wird das nicht nur bei uns, sondern bei anderen Websites genausowenig funktionieren, weil es sich dabei schlicht und einfach um inkorrektes HTML handelt und nicht mehr.

Also wird mein Vorhaben funktionieren, jedoch nicht mit der "Html" Spache? Ich brauche also ein Javascript bzw. CSS Code für mein Vorhaben?
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 19:42

Genau. Wink
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 19:46

Ich bin leider nicht all zu gut in Scripten bzw. ich kenne mich gar nicht mit CSS oder Java aus. Gibt es einen Code, indem ich einfach nur die Img-Url eingeben muss und denn vorerst angezeigten Text? Kennen Sie also einen Code, der mir meinen Wunsch sofort ermöglichen könnte, ohne das ich jetzt wieder Stunden rum googlen muss?
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 19:52

Günther schrieb:Ich habe hier solche Javascript-Tooltips aber schonmal ausführlich erklärt:
https://hilfe.forumieren.com/t34111-charakteranzeige-durch-anvisieren-des-bildes#223256
https://hilfe.forumieren.com/t34236-phpbb2-tooltip-problem
Wenn du dich da mal einliest, sollte dir das weiterhelfen. Wink
confused
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 20:06

Okey lieber Günther,

ich habe den ersten Link befolgt, jedoch verstehe ich diesen Code nicht ganz, da ich keinen externen Link, bzw. Bild anzeigen kann oder ich bin einfach nur zu trottelig:

<div data-ot="INHALT DES TOOLTIPS">GEHOVERTES OBJEKT</div>

GEHOVERTES OBJEKT: In dieses "Feld" füge ich den zuvor angezeigten Text, aber was kann ich denn in "INHALT DES TOOLTIPS" einfügen? Habs mit url=LINK probiert, jedoch es funktioniert nicht recht.
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 20:26

Bei "Inhalt des Tooltips setzt du das ein, was man im Tooltip sehen soll. Versuche es zuerst probehalber am besten mal mit reinem Text.
Das "gehoverte Objekt" wird von den beiden div-Tags umschlossen. Dabei handelt es sich um jenes Objekt, welches man hovern muss, um den Tooltip zu sehen. Dort kannst du nach dem üblichen HTML-Schema z.B. Links, Bilder etc. einsetzen.
Solltest du nicht wissen, wie diese aufgebaut sind, dann sieh dich bitte mal über Google um.
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 20:46

Ich habe dort jetzt einen reinen Text eingefügt, bekomme jedoch nichts im Tooltip angezeigt:


Woran liegt es?


<div data-ot="hallo">Hier kommt der angezeigte Text rein</div>

Das "hallo" wird mir nicht angezeigt.
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Mo 18 Feb 2013 - 20:55

Daran, dass du die Anleitung nicht genau befolgt und das CSS nicht eingesetzt hast. Wink
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Mo 18 Feb 2013 - 21:04

Razz Günther du bist der Beste. Hatte es nicht abgespeichert. Razz
Text wird nun angezeigt, zwar in weiß und der Hintergrund ist Gelb und somit nicht gut erkennbar, jedoch möchte ich im Tooltip kein Text, sondern jetzt ein externes Bild angezeigt haben, dass ich einfach per Url-Command einfügen kann.

[quote]<div data-ot="url=http://upload.wikimedia.org/wikipedia/commons/e/e9/Hungary_ajka_toxicspill_october9_2010_dgDetail.jpg">Hier kommt der angezeigte Text rein</div>[/quote]

Dies funktioniert nicht!

[quote]<div data-ot="[url]http://upload.wikimedia.org/wikipedia/commons/e/e9/Hungary_ajka_toxicspill_october9_2010_dgDetail.jpg[/url]">Hier kommt der angezeigte Text rein</div>[/quote]

Dies ebenfals nicht.

Was mache ich diesmal falsch? Evil or Very Mad
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Di 19 Feb 2013 - 0:05

Zuerst mal möchte ich dich bitten, deine Forenadresse wieder in dein Profil einzutragen, damit wir uns Probleme ggf. auch vor Ort ansehen können. Danke. Idea

Dann kannst du in diesem Code keinen BBCode verwenden, dieser darf nie mit HTML vermischt werden und fällt schonmal ganz aus. Wink

Du musst die Grafiken nur als ganz normale Bildelemente einsetzen. Die einzige Besonderheit besteht darin, statt der zweifachen Anführungszeichen dort nur einfache zu verwenden (damit du das data-ot - Attribut nicht dadurch zu früh abschließt Wink):
Code:
<div data-ot="<img src='BILDURL'>">Hovere mich!</div>
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Di 19 Feb 2013 - 2:02

Supi Günther. Hab jedoch noch 2 Anliegen:

1) Wie definiere ich die Größe des Bildes im Tooltip ?

2) Wie definiere ich jetzt noch die Farbe des zuvor angezeigten Textes, alias "Hover mich"-Feld.

MfG

Hahpuh
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Di 19 Feb 2013 - 2:20

Die Bildergröße sollte sich normalerweise selbst regulieren, sodass sie im Original belassen wird und der Tooltip sich entsprechend daran angleicht. Bei übergroßen Bildern ist es möglich, dass diese nicht original angezeigt werden, aber daran kannst du selbst wenig ändern, da du wahrscheinlich nicht am Script arbeiten wirst. Wink
Die Textfarbe kannst du ganz klassisch festlegen:
<div data-ot="<img src='BILDURL'>" style="color:#FF0000">Hover mich!</div>
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Di 19 Feb 2013 - 2:33

Dieses habe ich jetzt eingefügt, aber es klappt nicht:

<div data-ot="<img src=http://picture.yatego.com/images/464d59cb64a307.7/Kacke-am-Stock-is-auch-ne-Blume-T-Shirt-kqh/kacke-am-stock-is-auch-ne-blume-fun-t-shirt.jpg>">"style="color:#FF0000'>Boemmel im Reallife!</div>
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von hahpuh Di 19 Feb 2013 - 2:35

Es hat doch geklappt, ich danke dir sehr.
hahpuh
hahpuh
Lehrling
Lehrling

Beiträge : 11
Anmeldedatum : 18.02.13
keine
phpBB3

Nach oben Nach unten

Erledigt Re: Tooltip/Mouseover Problem in eurem Forum!

Beitrag von Günther Di 19 Feb 2013 - 2:38

Bitte. Wink

Dann kann ich hier ja abschließen. Bitte aber in Zukunft statt Doppelpostings den Tooltip/Mouseover Problem in eurem Forum! Editer-Button verwenden, um deinem Beitrag etwas hinzuzufügen. Wink

Gute Nacht! Sleep
-closed-
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten