Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:popup [16.01.2015 17:20] – Aktualisiert admin
+++ de:create:popup [24.07.2022 15:35] (aktuell) – [Informationen per Mausklick einblenden] admin
@@ Zeile 1: / Zeile 1: @@
 ====== 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 werden. Allerdings 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))
-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>
@@ Zeile 260: / Zeile 265: @@
 </script>
 </code>
+==== Bilder vergrößern ====
+Wenn Sie ein Bild als Knopf verwenden und beim Klick eine größere Version desselben Bilds anzeigen, können Sie mit der Funktion auch ein Bild vergrößern. Sie müssen sich lediglich um HTML-IDs für die Bilder und die Positionierung der großen Bildversion kümmern:
+<code html>
+<div style="position: relative; left: -100px; top: -100px">
+  <img src="grosses-bild.jpg" id="large1" />
+</div>
+<img src="kleines-bild.jpg" id="image1" />
+<script type="text/javascript">
+<!--
+var info = new infoButton();
+info.registerInfo("image1", "large1", "large1");
+//-->
+</script>
+</code>
+Das obige Beispiel verzichtet auf einen gesonderten Knopf zum Schließen des großen Bildes -- ein Klick auf die vergrößerte Version reicht.