Texte in Nachrichtenfenster ein- und ausblenden

meisterglanz · 24. September 2009

hallo leute,

hab vor kurzem meine ausbildung als fachinformatiker ae angefangen und dacht mir wenn ich mal das ein oder andere problem und hilfe brauche hab bin ich hier ganz gut aufgehoben, da ich hier schon viele nützliche lösungshinweise gefunden habe

allerdings steh ich jetzt vor einem problem bei dem ich nicht wirklich weiß wie man es am besten realisieren kann. und zwar geht es um folgendes:

Ich soll ein "Nachrichtenfenster" bauen, einmal mit einer mehrzeiligen Textbox und einmal mit einm <div>

in diesem â€žnachrichtenfensterâ€œ soll alle 10 Sekunden ein anderer Text eingeblendet werden, in einer endlosschleife, d.h. nach dem letzten text kommt wieder der erste.

Insgesamt sollen es 3 verschiedene texte sein.

ich weiß auf jeden fall schonmal das die funktion setTimeout() dazu benötigt wird, aber vielmehr auch nicht :/

hat vielleicht jemand eine idee wie man das am besten (und am einfachsten) umsetzen kann?!

tausend dank schonmal im vorraus

perdian · 24. September 2009

ich weiß auf jeden fall schonmal das die funktion setTimeout() dazu benötigt wird, aber vielmehr auch nicht

Und woher weißt du das?

Weißt du bereits was setTimeout macht?

Wenn nein: Warum nicht?

meisterglanz · 24. September 2009

naja ich hab mal nach verzögerungszeit gegoogelt und hab dazu etwas auf selfhtml gefunden. ich denke das window.setTimeout() eine funktion erst nach der angegebenen zeit ausführt, aber vielmehr auch nicht..

perdian · 24. September 2009

ich denke das window.setTimeout() eine funktion erst nach der angegebenen zeit ausführt, aber vielmehr auch nicht..

Richtig. Und wenn du alle X Sekunden eine Aktion ausführen willst (nämlich "Text ändern") bedeutet das, dass du die Aktion ausführst und am Ende sagst "bitte in X Sekunden nochmal ausgühren".

meisterglanz · 24. September 2009

ok soweit ist mir das ja theoretisch klar. aber wie setzt man das dann am besten in die praxis um?

perdian · 24. September 2009

ok soweit ist mir das ja theoretisch klar. aber wie setzt man das dann am besten in die praxis um?

JavaScript Funktion implementieren und von irgendeiner Stelle aufrufen.

Oder was möchstest du mit dieser Frage genau wissen?

meisterglanz · 24. September 2009

hm.. na wie diese Funktion aussehen muss. ich bin im moment noch dabei mir javascript anzueignen und deswegen fällt es mir im moment noch etwas schwer dies umzusetzten.

perdian · 24. September 2009

hm.. na wie diese Funktion aussehen muss. ich bin im moment noch dabei mir javascript anzueignen und deswegen fällt es mir im moment noch etwas schwer dies umzusetzten.

Dann solltest du einen Schritt nach dem anderen machen und nicht alles auf einmal.

Verstehe zuerst wie JavaScript prinzipiell funktioniert und danach kannst du dich an die Interaktion mit dem HTML DOM machen. Hier wird dir niemand in zwei Absätzen die Lösung präsentieren können, wenn dir die Grundlagen fehlen diese Lösung zu verstehen.

meisterglanz · 24. September 2009

hm.. schade das ist nicht unbedingt die antwort die ich mir erhofft hatte. ich denk schon das ich es nachvollziehen kann wenn ich es vor mir hab, aber beim selbst umsetzten hakt es halt noch :/

flashpixx · 24. September 2009

Ich schließe mich da eigentlich perdian an.

Du solltest einmal den Unterschied zwischen HTML und JavaScript dir anschauen. Nur weil es gerne in einem Atemzug genannt wird, sind es unterschiedliche Dinge. Als nächstes musst Du Dir eben einmal überlegen wie und wo Du Deinen Text abspeicherst und wie dieser dann in die der HTML Seite angezeigt wird.

Ich gebe hier einmal den Hinweis auf Array, Variablen, Zähler, Schleifen usw

meisterglanz · 24. September 2009

ok, auch wenn ich damit nicht wirklich weiterkomme (im moment) bedank ich mich für eure hilfe.

meisterglanz · 25. September 2009

ich hab jetzt mal etwas zusammengebastelt, jedoch ist es wohl noch nicht ganz richtig, vielleicht könntet ihr mir sagen wo genau der fehler liegt.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Nachrichtenfenster</title>


<script type="text/javascript">

var text = new Array ();

text[0] = ("Dies ist der 1. Text!");

text[1] = ("Dies ist der 2. Text!");

text[2] = ("Dies ist der 3. Text!");


function texttauschen ()

{

	var weiter = 0;

	window.document.texfeld.ausgabe.value = text[weiter];

	weiter++;

	if (weiter >text.length) weiter = 0;

	setTimeout ("texttauschen()",10000);

}


</script>


</head>


<body>


<form action="" name="textfeld">

<input name="ausgabe" type="text" size="30" maxlength="30" value=""/> 


</form>


</body>

</html>

perdian · 25. September 2009

jedoch ist es wohl noch nicht ganz richtig

Was bedeutet "nicht ganz richtig"?

Was ist das von dir erwartete Verhalten und wie weicht das tatsächlich beobachtete Verhalten davon ab?

meisterglanz · 25. September 2009

das von mir erwartete verhalten war, das die jeweiligen texte durchenlaufen und zwar in einer endlosschleife, jedoch wurde mir immer nur der erste wert ausgegeben.

hat sich aber schon erledigt, hab den fehler gefunden.

ciaosen

De Kaisastiähla · 25. September 2009

Wird die Funktion texttauschen () im obigen Code überhaupt irgendwo gestartet???

Weiß nich ob du danach gesucht hast, aber ich hätte das mit

 <body onload="texttauschen()">

gelöst. Keine Garantie...

greez

Anmelden

Texte in Nachrichtenfenster ein- und ausblenden

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte