Frage am Anfang ausblenden und erst später einblenden

Question

Hallo,

ich möchte, dass eine Frage zu beginn ausgeblendet ist und ich blende diese dann nach einer gewissen Zeit mit fadeIn ein.

Mit folgendem Code habe ich sie bis jetzt ausgeblendet:

<script type="text/javascript">
SoSciTools.attachEvent(window, "load",
  function() {
    var VD01= document.getElementById("VD01_qst");
    VD01.style.visibility = "hidden";
  }
);
</script>

Damit ist die Frage aber beim Laden der Seite durch das window, "load", am Anfang kurz zu sehen. Was kann ich stattdessen an diese Stelle schreiben, damit sie von Anfang an nicht sichtbar ist?

Answer 1

Sie können die Funktion einfach direkt unter der Frage aufrufen. Also direkt unter der Frage:

<script type="text/javascript">
document.getElementById("VD01_qst").style.display = "none";
</script>

Wenn Sie das Ganze einblenden (meinten Sie "faden"?) möchten, dann wäre es vielleicht sinnvoller, die Eigenschaft opacity auf 0 zu setzen statt display auf "none".

Wenn es dann immer noch kurz aufblitzt, dann können Sie das Ausblenden auch direkt vorab erledigen. Aber Vorsicht: Sollte ein Teilnehmer JavaScript deaktiviert haben, kommt er dann an dieser Stelle nicht mehr weiter.

Dafür würden Sie vor der Frage folgenden HTML-Code platzieren:

<div id="frageVD01" style="display: none">

und passend dazu hinter der Frage

</div>

Und zum einblenden würden Sie anschließend dieses DIV einblenden nud nicht die darin gekapselte Frage.