• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Zeitverzögerte Text Einblendung

Status
Für weitere Antworten geschlossen.

bucada

Neues Mitglied
Hallo,

ich habe vor 9 Tagen hier (http://www.html.de/c-c-c-java-visual-basic/12499-text-formatierung-im-applet-anfaengerprobleme.html) eine Frage gestellt, die niemand beantwortet hat :(
Ich kann mir nicht vorstellen, dass es niemanden hier im Forum gibt, der soetwas nicht machen kann.

Es geht einfach um eine zeitverzögerte Einblendung von Text.
Die Textzeilen sollen wie in einer Powerpoint Präsentation nacheinander eingeblendet werden und sollen verschiedene Formate besitzen.
Ich würde gerne wissen, wie ich so etwas machen kann.

Ich habe es mit Java probiert, doch leider ohne Erfolg. Vielleicht kennt jemand eine andere Möglichkeit, oder kann mir erläutern wie das mit Java geht.

Vielen Dank im Voraus.


P.S.(an die Moderatoren): Da ich im Hochsprachen Java keine Hilfe bekommen habe und nicht sicher bin, ob das Problem wirklich mit Java gelöst werden muss, so habe ich mich entschlossen ins HTML Forum zu schreiben.
 
Wird zwar alles auf einmal eingeblendet, aber dafür mit Zietverzögerung
HTML:
<script type="javascript">
//![CDATA[
window.setTimeout([1])
document.write("[2]")
window.setTimeout([3])
document.write("[4]")
//.... usw
//[1] = ein beliebiger Wert, der angibt, wann der erste Text folgen soll 1000=1sek
//[2] = Der Text der dann geschrieben werden soll. Vorsicht " muss als \" geschrieben werden
//[3] = Zeit bis zur Einblendung von [4]
//[4] = nächster Text
//]]
</script>
Hoffe ist einigermaßen verständlich und hoffentlich weißt du, wie man JavaScript in HTML einbaut. Falls nicht, sende den relevanten Text, der eingeblendet werden soll. Hoffe es klappt. hab die Funktion noch nie verwendet
 
Zuletzt bearbeitet:
Vielen Dank für Deine Hilfe. Ich weiss nun, dass es mit Java-Script geht. :)

Doch es funktioniert leider noch nicht so ganz wie ich es mir vorstelle.

Hier der Code, erstmal ohne große Formatierung:
Code:
<HTML>
<HEAD>
<TITLE>Erstes Java-Applet</TITLE>

<script type="text/javascript">

function Hinweis () {
  document.Color = "#00FF00"
  document.write("Text 2")
  setTimeout("Hinweis2()",3000)
}

function Hinweis2 () {
  document.write("Text 3")
}

document.write("Text 1")

setTimeout("Hinweis()", 2000)

setTimeout("Hinweis2()", 2000)

</script>
</head>
<body>

</BODY>

</HTML>
Probleme die ich noch habe:

"Text 1" wird von "Text 2" überschrieben, sollte aber nicht. Ich möchte das "Text 2" an einer anderen Position erscheint ohne Text 1 zu überschreiben.
Sobald ich da irgendwas mit <br> reinschreibe, läuft nichts mehr.
"Text 3" wird gar nicht angezeigt. :(

Weiss jemand, wo der Fehler steckt?

Kann mir vielleicht noch jemand sagen, wie ich den Text formatieren kann? Es geht da um Schriftart, Schriftfarbe (irgendwie klappt das nicht mit document.color) und die Positionen des Textes.
Hierbei soll "Text1" in der Mitte des Bildschrims angezeigt werden, "Text 2" etwas tiefer und "Text 3" etwas über "Text 1"

Ich wäre für Hilfe sehr dankbar, da ich mir bereits viele Seiten angeschaut habe und irgendwie trotzdem nicht weiter komme. :(
 
Hier ist der fertige Code.
Frei von Fehlern, Bugs und selbst getestet
HTML:
<html>
<head>
  <title>Zeitverz&ouml;gerung</title>
  <script type="text/javascript">
      
      function text1() {
      document.getElementById('verzoegerter_text').innerHTML = "TEXT1" ;
      window.setTimeout("text2()", 2000) ;
      }
      
      function text2() {
        document.getElementById('verzoegerter_text2').innerHTML = "TEXT2" ;
        window.setTimeout("text3()", 2000) ;
      }
            
      function text3() {
      document.getElementById('verzoegerter_text3').innerHTML = "TEXT3" ;
      }  
    </script>
    
    <style>
    #verzoegerter_text {
    color:#00FF00 ;
    text-align:center ;
    }  
    #verzoegerter_text2 {
    text-align:center ;
    }  
    #verzoegerter_text3 {
    text-align:center ;
    }  
    </style>
    
</head>
<body onload="text1()">
  <div id="verzoegerter_text3">&nbsp;</div>
  <div id="verzoegerter_text">&nbsp;</div>
  <div id="verzoegerter_text2">&nbsp;</div>
</body>
</html>
Hier kannst du dir das Ergebnis online ansehen
Hab den Code jetzt mal unkommentiert gelassen. Bei Fragen einfach melden
bacuda schrieb:
Kann mir vielleicht noch jemand sagen, wie ich den Text formatieren kann?
Formatieren kannst du ganz einfach mit CSS
Vllt mach ich ja noch en hübsches Tut draus, für Tutforum
 
Zuletzt bearbeitet:
Super, vielen Dank dafür. :)

Das ich mit CSS formatieren kann wusste ich nicht. Damit habe ich nun das Handwerkszeug um weiter an der Homepage zu basteln.
Du hast mir echt gut geholfen.

Schöne Grüße
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben