Beiträge von froststep

der _ vor "setTimeout" kam durch die Formatierung des Textes. in den Dateien ist es richtig geschrieben.

ich möchte halt , dass ein ganzes array ausgeworfen wird, jedoch mit Verzögerung zwischen jedem teil. es soll ja ein Text basiertes Spiel werden.

vielen dank. hat geklappt.

Anderes Thema:
bei diesem Code stürzt der Browser ab:

function forwardingLinks() {                        //Button links
    playaudio();
    while(iCounterText < part1.length-1){
      [U][I][B]  setTimeout(verzog,500);[/B][/I][/U]
    }
        document.getElementById('buttonLinks').innerHTML = part1[part1.length-1];
}

Bei diesem Code nicht:

function forwardingLinks() {                        //Button links
    playaudio();
    while(iCounterText < part1.length-1){
        [U][I][B]verzog();[/B][/I][/U]
    }
        document.getElementById('buttonLinks').innerHTML = part1[part1.length-1];
}

Wie kann "setTimeout" dafür sorgen, dass der Browser abstürzt? Ohne setTimeout werden mir 5 Texte auf einmal angezeigt. die funktion "verzog()" wurde also 5 mal direkt nacheinander durchgeführt. Durch setTimeout möchte ich erreichen, dass zwischen jedem text 500 ms verzögerung liegen. Verstehe nicht, warum dann der browser abstürzen sollte.

danke, aber funktioniert leider auch nicht. ich möchte, dass jeder knopf, der "-" draufstehen hat, gar nicht erst angezeigt wird. Muss ich noch was an dem code ändern?

Ich möchte, dass ein Knopf unsichtbar wird, wenn nichts auf ihm steht. Hier mein Code:

HTML:

<button id="buttonRechts" onclick="setTimeout(forwardingRechts,1100);">-</button>

Javascript:

while(document.getElementById('buttonRechts').innerHTML==="-"){
    document.getElementById('buttonRechts').style.visiblity = "hidden";
}

CSS

#buttonRechts{
    visibility: visible;
}

Funktioniert leider nicht. Habe schon einige Dinge ausprobiert.

https://play.google.com/store/apps/det…ne.google&hl=de

Auf diesem Spiel soll mein Spiel basieren, also von der Mechanik her.

In dem Spiel gibt es auch Benachrichtigungen, Speicherungen und Zeitabstände zwischen den erscheinenden Texten, aber davon bin ich ja noch etwas entfernt. Zudem kann man auf der Basis von HTML und CSS usw. glaub ich eh keine Benachrichtigungen aktivieren, was ich auch eig gar nicht vor habe.

Danke, klappt super jetzt.

Das war jetzt ja sozusagen der erste Schritt:

Zitat

Knopf drücken: Text 1
Nochmal Knopf drücken: Text 2

Jetzt würde ich es gerne erweitern mit 2 Knöpfen:

Ein Text steht dort, dann hat man zwei Knöpfe zur Auswahl. Je nach dem, welchen Knopf man drückt, erscheint ein neuer Text und die Beschriftung der alten Knöpfe ändert sich.

Ich bin noch dabei zu überlegen, wie das ablaufen könnte, aber vielleicht hat jemand von euch ja Anreize für mich. Ich weiß auch nicht, ob ich mit mehreren Arrays arbeite oder vielleicht alle Knöpfe und Texte in einen einzelnen Array packe.

Hallo nochmal und danke für deine Hilfe. Ich wollte mich erstmal an deinem Beispiel ohne jquery versuchen.

Dieser Code ist in meiner Javascript Datei:

var text1 = "neuer Text1"
var text2 = "neuer Text2";
var text3 = "neuer Text3";
var text4 = "neuer Text4";
var text5 = "neuer Text5";
var text6 = "neuer Text6";


var sTextPrefix = 'text';
var iCounter = 1;


document.getElementById( 'toggletext' ).innerHTML = sTextPrefix + iCounter.toString();


function forwarding() {


    document.getElementById( 'toggletext' ).innerHTML = sTextPrefix + (++iCounter).toString();


}

Jedoch wird in die HTML Datei dann nicht der Inhalt der Variable Text 2,3,4usw. geschrieben, sondern im Browser steht einfach nur "Text2".

hab das hier her: https://wiki.selfhtml.org/wiki/JavaScript/DOM/node/innerHTML

in der box auf der seite steht es ja sogar noch richtig. klickt man aber auf "ansehen" unter dem code, dann öffnet sich ein weiteres fenster und ich habe mir nur dieses angeschaut.

Edit: Denke es hat bei mir wegen dem Absatz in dem sich öffnenden fenster nicht geklappt. durch den absatz werden die bausteine ja auseinander gezogen und funktionieren dann nicht mehr oder?

- - - Aktualisiert - - -

Hoffe es ist ok, wenn ich hier fragen zu meinem miniprojekt stelle.

var text1 = "neuer Text1"
var text2 = "neuer Text2";
var text3 = "neuer Text3";
var text4 = "neuer Text4";
var text5 = "neuer Text5";
var text6 = "neuer Text6";




document.getElementById("text");
document.getElementById("button");




function aendern() {
    var antwort = prompt("Willst du loslegen? (Antworte mit ja oder nein)");
    if(antwort === "ja"){
        text.innerHTML = text1;
        button.innerHTML = "Weiter";
       button.setAttribute( "onClick", "javascript: weiter();" );

    }

}


function weiter(){
    text.innerHTML = text2;
    text2 = text3;
}

So läuft die datei ja derzeit ab:
-los drücken
-"ja" eingeben
-text 1 erscheint
-auf "weiter" klicken
-text2 erscheint
-auf "weiter" klicken
-text3 erscheint

jetzt ist die frage: wie schaffe ich es, dass beim klick auf "weiter" automatisch eine zahl addiert wird zu der variable in der funktion "weiter"? und danach dann text4, dann text5 bei einem klick auf weiter erscheint. ich stehe gerade glaub ich auf dem schlauch und bei google bin ich auch gerade nicht schlauer geworden. vielen dank, wäre sehr nett!

Danke für deine antwort. habe meine fehler entdeckt.

das ist der code aus selfthtml:

var Neu = "neuer <b>fetter<\/b> Text";


function Ändern() {
    document.getElementById("Absatz")
        .innerHTML = Neu;
}

Zum einen fehlt doch dort ein semikolon und zum anderen muss vor ".innerHTML" doch noch "Absatz" stehen

Hallo, ich fange gerade neu mit Javascript an und wollte einen kleinen Test machen. Habe dazu von selfthtml einen mini code kopiert und an mein dokument angepasst, aber es will nicht funktionieren und ich seh den fehler einfach nicht.

HTML:

<html>




    <head>


    <link rel="stylesheet" type="text/css" href="index.css" />
    <script type="text/javascript" src="index.js"></script>


    </head>

    <body>

<p 
   id="text">Hii
</p>


        <button onclick="aendern()">LOS</button>

    <script>
        document.write(test)
    </script>



    </body>
</html>

Javascript:

var Neu = "neuer Text";


function aendern() {
    document.getElementById("text")
        text.innerHTML = Neu;

var test = "Hallihallo"

Normalerweise sollte bei Aufrufen der HTML Datei sofort "Hallihallo" geschrieben werden, und wenn ich auf den button drücke dann sollte normalerweise ja "Hi" zu "neuer Text" werden, aber es klappt leider nicht. woran haperts?

wie du oben in dem ersten post siehst, habe ich den code bereits ausprobiert. er hat jedoch nicht funktioniert. ich werde mich heute nachmittag nochmal daran setzen und ggf. mal mehrere browser und dateien ausprobieren.

Edit: habe stumpf deinen code kopiert und siehe da, es geht...

entweder an meinem code von gestern war etwas falsch oder ich hätte einfach mal den pc neustarten müssen. vielen dank!

bei weiteren fragen werde ich mich wieder an euch wenden.

Zitat von MrMurphy

Laß es bleiben. Töne, welcher Art auch immer, sollten nur abgespielt werden wenn die Besucher sie selbst starten.

Dem stimme ich natürlich auch vollstens zu, wenn es sich um eine normale website o.Ä. handeln würde. ich möchte jedoch ein textbasiertes adventure mithilfe von javascript erstellen und wiederrum mithilfe von PhoneGap das adventure auf android veröffentlichen. Ich orientiere mich an dem spiel "lifeline". Dort läuft im hintergrund eine atmosphärische musik, die man natürlich bei bedarf ausschalten kann durch die laut und leiser tasten am handy. ich möchte auch solch eine musik im hintergrund, die automatisch leise im hintergrund läuft, um etwas atmosphäre zu erzeugen.

Hallo,

ich bin noch relativ neu in HTML,CSS und Javascript und versuche derzeit mit PhoneGap eine Android App zu erstellen, die auf HTML u.Co basiert, da mir Java und Android dann doch etwas zu kompliziert und zeitintensiv sind.

Ich habe das Internet schon durchforstet und viele verschiedene Möglichkeiten ausprobiert, jedoch hat keine so richtig geklappt.

Hier ein paar Beispiele:

<embed name="Musiktitel" src="musikdateiname.mp3" border="2"  width="164" height="25" autostart="false" Delay="0" VOLUME="35"  loop="true" controls="smallconsole">

Das ist für HTML5, wenn ich richtig gelesen habe:

<audio controls="controls">
  <source src="musik.ogg" type="audio/ogg" />
  <source src="musik.mp3" type="audio/mpeg" />
</audio>

1. in den [I]head[/I] Bereich deiner Seite das hier einfügen: 
 [TABLE]
[TR]
[TD='class: number']1[/TD]
[TD='class: content']<bgsound src="background.mid" loop="infinite">[/TD]
[/TR]
[/TABLE]






    2. in den [I]body[/I] Bereich der Seite das hier einfügen: 
 [TABLE]
[TR]
[TD='class: number']1[/TD]
[TD='class: content']<embed src="background.mid" autostart="true" loop="true" hidden="true" height="0" width="0">[/TD]
[/TR]
[/TABLE]

Ich hab alles ausprobiert, jedoch hat nichts davon geklappt. Mein Browser ist Firefox und ich editiere die Dateien mit "Brackets". Ich habe selbstverständlich die Platzhalter immer mit meiner Musikdatei ersetzt. Bei Beispiel 1 erscheint oben ein schwarzer Balken, aber da sind keine Knöpfe drauf und die Musik wird auch nicht automatisch abgespielt, wenn ich autostart auf true gesetzt habe.

So sieht mein HTML Code derzeit aus und dort möchte ich ein Audiofile einbinden:

<!DOCTYPE html>


<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/vorspiel.css" />
        <title>Lookout</title>
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>


<div id="button">
    <input type="button" name="back" value="Back" onclick="window.location.replace('vorspiel.html')">
</div>

</body>
</html>