Supportnet / Forum / Webseiten/HTML
Popup wenn Mauszeiger über Link
Frage
Hi!
Ich möchte, dass im Firefox so ein gelbes kleines Fenster mit einem Infotext aufpopt, wenn man mit der Maus über einen Link meiner HTML-Seite fährt. Ich weiss nicht wie der richtige Name für so ein Fenster ist. Ich hoffe, ihr wisst was ich meine.
MFG
Stuppsi
Antwort 1 von Road-Runner
Hallo,
was Du meinst, ist das title-Tag (oder attribut oder wie das Biest heisst).
Du musst dieses tag in Deinem Quellcode angeben.
Beispiel:
Wenn Du dann den Kursor auf den Link hälst, erscheint das gelbe Kästchen mit dem Text: Hallo, hier sind meine Erweiterungen.
Gruss
Road-Runner
was Du meinst, ist das title-Tag (oder attribut oder wie das Biest heisst).
Du musst dieses tag in Deinem Quellcode angeben.
Beispiel:
<a href="#Meine Erweiterungen" title="Hallo, hier sind meine Erweiterungen">Meine Erweiterungen</a>Wenn Du dann den Kursor auf den Link hälst, erscheint das gelbe Kästchen mit dem Text: Hallo, hier sind meine Erweiterungen.
Gruss
Road-Runner
Antwort 2 von rfb
das title-Attribut kannst du in (fast) jedes Element einfügen, also nicht nur bei Links, sondern auch
bei Bildern (
bei Texten (
bei Abkürzungen (
Soweit der Browser dies unterstützt erscheint dann das Infotext-PopUp.
Es gibt auch Möglichkeiten, diese title-Inhalte z.B. beim Ausdruck sichtbar auf der Seite erscheinen zu lassen, das wird allerdings vom aktuellen IE noch nicht unterstützt, von den anderen gängigen Browsern schon lange.
<img src ... alt="Computer" title="mein neuerworbener PC mit Intel-tralala und RAM und ROM und allem PiPaPo"><p title="extrem wichtig!">bla bla</p><acronym title="Kurzform von Supportnet">SN</acronym>Soweit der Browser dies unterstützt erscheint dann das Infotext-PopUp.
Es gibt auch Möglichkeiten, diese title-Inhalte z.B. beim Ausdruck sichtbar auf der Seite erscheinen zu lassen, das wird allerdings vom aktuellen IE noch nicht unterstützt, von den anderen gängigen Browsern schon lange.
Antwort 3 von Stuppsi
Hi!
Ja genau das hatte ich gemeint. Danke, aber leider funktioniert es nicht so, wie ich es mir vorgestellt habe. Bei geschätzten 80 Zeichen wird die Textanzeige einfach abgebrochen! Meine Infotexte sind aber teilweise deutlich über 1000 Zeichen lang!
Kann man da noch irgendwas drehen? Oder gibt es Alternativen? Vielleicht so eine Art Spoiler-Befehl in HTML? Die Texte sollen erst auf Anforderung sichtbar werden, sonst wird es bei 2000 Links zu unübersichtlich.
MFG
Stuppsi
Ja genau das hatte ich gemeint. Danke, aber leider funktioniert es nicht so, wie ich es mir vorgestellt habe. Bei geschätzten 80 Zeichen wird die Textanzeige einfach abgebrochen! Meine Infotexte sind aber teilweise deutlich über 1000 Zeichen lang!
Kann man da noch irgendwas drehen? Oder gibt es Alternativen? Vielleicht so eine Art Spoiler-Befehl in HTML? Die Texte sollen erst auf Anforderung sichtbar werden, sonst wird es bei 2000 Links zu unübersichtlich.
MFG
Stuppsi
Antwort 4 von rfb
Antwort 5 von Stuppsi
Hi rfb!
Das Problem bei dieser Lösung scheint zu sein, dass der Platz für die Texte auch dann reserviert ist/bleibt, wenn sie nicht angezeigt werden. Vielleicht mache ich aber auch was falsch?
MFG
Stuppsi
Das Problem bei dieser Lösung scheint zu sein, dass der Platz für die Texte auch dann reserviert ist/bleibt, wenn sie nicht angezeigt werden. Vielleicht mache ich aber auch was falsch?
MFG
Stuppsi
Antwort 6 von rfb
Das geht schon, erfordert aber tiefere Kenntnisse von CSS (wird im vorletzten Absatz auf der Seite kurz beschrieben).
Diese Seite hier nutzt diese Technik: http://www.cafehinterhof.de/ vielleicht schaust du mal in den Quelltext.
Diese Seite hier nutzt diese Technik: http://www.cafehinterhof.de/ vielleicht schaust du mal in den Quelltext.
Antwort 7 von Stuppsi
Hi rfb!
So wie bei den Evangelischen funzt das bei mir nicht, da man die Seite scrollen muss und dann die Anzeigefläche aus dem Blickfeld verschwindet. Aber durch diese Anregung habe ich die Lösung gefunden. Ich mache es auf die katholische Art mit JS und Formularelementen. Ein Auswahlfeld in dem man die 2000 Einträge scrollen kann und darunter eine Textarea in der die Zusatzinfos erscheinen, wenn man einen Eintrag markiert. Zusätzlich noch die Anzeige des Links in einem div-Container und gut is. Thx!
MFG
Stuppsi
So wie bei den Evangelischen funzt das bei mir nicht, da man die Seite scrollen muss und dann die Anzeigefläche aus dem Blickfeld verschwindet. Aber durch diese Anregung habe ich die Lösung gefunden. Ich mache es auf die katholische Art mit JS und Formularelementen. Ein Auswahlfeld in dem man die 2000 Einträge scrollen kann und darunter eine Textarea in der die Zusatzinfos erscheinen, wenn man einen Eintrag markiert. Zusätzlich noch die Anzeige des Links in einem div-Container und gut is. Thx!
MFG
Stuppsi