Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
de:create:popup [19.01.2016 17:51]
soz13hud [Tooltip bei Berührung I]
de:create:popup [19.01.2016 17:52] (aktuell)
soz13hud alte Version wieder hergestellt (18.06.2015 14:12)
Zeile 25: Zeile 25:
  
 Das Info-Symbol und die Formatierung der Information können im Fragebogen-Layout mittels CSS-Anweisungen im HTML-Template angepasst werden. Dazu werden die CSS-Anweisungen im Bereich //Tooltip// aus dem Fragebogen-Stylesheet überschrieben. Das Info-Symbol und die Formatierung der Information können im Fragebogen-Layout mittels CSS-Anweisungen im HTML-Template angepasst werden. Dazu werden die CSS-Anweisungen im Bereich //Tooltip// aus dem Fragebogen-Stylesheet überschrieben.
 +
 +
 +===== 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 ''​style''​-Attribut visuell hervorgehoben werden.
 +
 +<code html>
 +<​p>​Hier ist der Text mit einem <span title="​Ein Wort, dessen Bedeutung nicht direkt ersichtlich ist" style="​border-bottom:​ 1px dotted">​erklärungsbedürftigen</​span>​ Wort.</​p>​
 +</​code>​
 +
 +Wenn die Information direkt in einem Item erscheinen soll, setzen Sie das ''<​span>''​-Tag einfach direkt in den Itemtext an die passende Stelle.
 +
 +<code html>
 +Bei Sonnenschein bin ich lieber <span title="​Mit &​quot;​draußen&​quot;​ ist gemeint, dass Sie sich außerhalb geschlossener Räume aufhalten"​ style="​border-bottom:​ 1px dotted">​draußen</​span>​ als dass ich an Onlinebefragungen teilnehme.
 +</​code>​
 +
 +**Hinweis:​** Die Darstellung der ''​title''​-Information obliegt dem Browser des Teilnehmers. Sie haben keinen Einfluss darauf, wie schnell die Information angezeigt wird und in welcher Formatierung.
 +
  
 ===== Information per Mausklick ===== ===== Information per Mausklick =====
de/create/popup.txt · Zuletzt geändert: 19.01.2016 17:52 von soz13hud
 
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki