Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:create:popup [19.01.2016 17:48] – [Tooltip bei Berührung II] soz13hud | de:create:popup [24.07.2022 15:35] (aktuell) – [Informationen per Mausklick einblenden] admin | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Informationen per Mausklick einblenden ====== | ====== Informationen per Mausklick einblenden ====== | ||
- | Mitunter ist es hilfreich, wenn der Teilnehmer zusätzliche Informationen((einen kurzen Text wie diesen hier)) bei Bedarf einblenden kann. | + | Mitunter ist es hilfreich, wenn der Teilnehmer zusätzliche Informationen((einen kurzen Text wie diesen hier)) bei Bedarf einblenden kann. Je nach Anwendung sind dafür unterschiedliche Lösungen geeignet: |
- | **Tipp:** Umfangreichere Informationen | + | - Einzelne Wörter erklären Sie am einfachsten mit einem Tooltip (s. unten) |
+ | - Wenn es darum geht, Textpassagen auf einen Mausklick hin anzuzeigen, verwenden Sie die [[:de: | ||
+ | - Wenn Sie von einem längeren Text zunächst nur einen Teil zeigen möchten, folgen Sie der Anleitung [[: | ||
+ | - Wenn Sie einen umfangreichen Text als Zusatzinformation verfügbar machen möchten, | ||
+ | |||
+ | Darüber hinaus können Sie mittels [[: | ||
Zeile 14: | Zeile 19: | ||
((Titel|Erklärung)) | ((Titel|Erklärung)) | ||
| | ||
- | Wird als Titel ein Asterisk ('' | + | Wird als Titel ein Asterisk ('' |
<code txt> | <code txt> | ||
Zeile 27: | Zeile 32: | ||
- | Facebook ermöglicht es mir, mich über meinen | + | ===== Tooltip bei Berührung II ===== |
+ | |||
+ | Eine weitere Lösung besteht darin, das HTML-Attribut //title// für zusätzliche Informationen zu verwenden. Hierbei wird ebenfalls eine kurze Information angezeigt, wenn der Teilnehmer mit der Maus über einem Wort verweilt -- allerdings erst nach einer kurzen Verzögerung. Das Wort selbst kann ggf. mittels '' | ||
+ | |||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | Wenn die Information direkt in einem Item erscheinen soll, setzen Sie das ''< | ||
+ | |||
+ | <code html> | ||
+ | Bei Sonnenschein bin ich lieber <span title=" | ||
+ | </ | ||
+ | |||
+ | **Hinweis: | ||
===== Information per Mausklick ===== | ===== Information per Mausklick ===== |