Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:create:popup [19.01.2016 17:48] – [Tooltip bei Berührung II] soz13hudde: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 können mittels ''[[:de:create:functions:textlink|textlink()]]'' auch in einem eigenen PopUp-Fenster geöffnet werdenAllerdings weiß man in diesem Fall nie, ob der Teilnehmer auch wieder zum Fragebogen zurück findet.+  - 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:create:accordion|Akkordeon-Funktion]]. 
 +  - Wenn Sie von einem längeren Text zunächst nur einen Teil zeigen möchten, folgen Sie der Anleitung [[:de:create:morebox]] 
 +  - Wenn Sie einen umfangreichen Text als Zusatzinformation verfügbar machen möchten, können Sie diesen mittels ''[[:de:create:functions:textlink|textlink()]]'' in einem eigenen PopUp-Fenster öffnen. 
 + 
 +Darüber hinaus können Sie mittels [[:de:create:javascript|JavaScript]] nach Belieben Texte, Informationen, Items oder ganze Fragen auf einen Klick des Befragten hin einblenden. Auch können Sie im Datensatz speichern, ob eine solche Information angeklickt wurde.
  
  
Zeile 14: Zeile 19:
   ((Titel|Erklärung))   ((Titel|Erklärung))
      
-Wird als Titel ein Asterisk (''*'') eingetragen, wird ein Info-Symbol angezeigt. Den in folgenden Beispielen reagiert einmal das Wort "erklärungsbedürftiges" auf die Mausberührung, und einmal ein Info-Symbol hinter dem Satz.+Wird als Titel ein Asterisk (''*'') eingetragen, wird ein Info-Symbol angezeigt. In den folgenden Beispielen reagiert einmal das Wort "erklärungsbedürftiges" auf die Mausberührung, und einmal ein Info-Symbol hinter dem Satz.
  
 <code txt> <code txt>
Zeile 27: Zeile 32:
  
  
-Facebook ermöglicht es mirmich über meinen <span title="Ein &quot;**News-Feed**&quot; ist ein Nachrichtenstromder sich aus bestimmten Quellen speist (=engl. to feed). Welche Quellen das sind, bestimmen Sie durch die Vernetzungen, die Sie eingehen. Als Synonym sind Ihnen wahrscheinlich die Begriffe Chronik und Startseite bekannt." style="border-bottom: 1px dotted">News-Feed</span> über Nachrichten zu informieren, die mich interessieren.+===== Tooltip bei Berührung II ===== 
 + 
 +Eine weitere Lösung besteht darindas 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 gemeintdass 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 daraufwie schnell die Information angezeigt wird und in welcher Formatierung. 
  
 ===== Information per Mausklick ===== ===== Information per Mausklick =====
de/create/popup.1453222110.txt.gz · Zuletzt geändert: 19.01.2016 17:48 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