Würfel spiel

tkb · 23.03.2011, 23:59

Hallo, ich habe hier schon ein gleichnamigen Thema (Würfel spiel) und wie man sehen kann wurde der zurecht geschlossen :P nun habe ich selber eine Lösung gefunden aber das klappt nicht so ganz immer wenn ich auf einem Button klicke soll der grau werden aber wird er nicht er nutzt zwar die function rechnen aber der button wird nicht grau jetzt soll mir jemand sagen was ich da falsch gemacht habe. Ich glaube es liegt am <form id=form_id> aber kp was genau, habe auch nichts gefunden

script.html

PHP-Code:

  <html>
<head>
<script language="JavaScript">

var Augensumme = 0;

function rechnen()
{   
    zahl1=Math.ceil(Math.random()*6);
    zahl2=Math.ceil(Math.random()*6);
    zahl3=Math.ceil(Math.random()*6);
    zahl4=Math.ceil(Math.random()*6);
    zahl5=Math.ceil(Math.random()*6);
    zahl6=Math.ceil(Math.random()*6);    
    if (zahl2 > zahl1 + zahl3 + zahl4 + zahl5 + zahl6)
    {
        jo = zahl1;
        zahl1 = zahl2;
        zahl2 = jo
        
        jo = zahl3;
        zahl1 = zahl3;
        zahl2 = zahl3;
        
        jo = zahl4;
        zahl1 = zahl4
        zahl2 = zahl4
        zahl3 = zahl4
        
        jo = zahl5;
        zahl1 = zahl5
        zahl2 = zahl5
        zahl3 = zahl5
        zahl4 = zahl5
        
        jo = zahl6;
        zahl1 = zahl6
        zahl2 = zahl6
        zahl3 = zahl6
        zahl4 = zahl6
        zahl5 = zahl6
        
    }
    
    document.images["Bilder1"].src="w"+zahl1+".GIF";
    document.images["Bilder2"].src="w"+zahl2+".GIF";
    document.images["Bilder3"].src="w"+zahl3+".GIF";
    document.images["Bilder4"].src="w"+zahl4+".GIF";
    document.images["Bilder5"].src="w"+zahl5+".GIF";    
    document.images["Bilder6"];
    document.images["Bilder7"].src="w"+zahl6+".GIF";
    
    Augensumme = Augensumme + zahl1 + zahl2 + zahl3 + zahl4 + zahl5 + zahl6 + zahl6;
    
    document.forms["hallo"].augensumme.value = zahl1 + zahl2 + zahl3 + zahl4 + zahl5 + zahl6 + zahl6;
    document.forms["hallo"].augensumme_summiert.value = Augensumme;
}

//-->
</script>

<script type="text/javascript">
<!--
            function timer2(seconds) {
                // Textausgabe der Restzeit
                document.getElementById('timer_output').innerHTML = secondsToText(seconds);
                // was tun nach einer weiteren Sekunde?
                var callback;
                if (seconds <= 0) {
                    callback = function() {
                        alert('Die Zeit ist abgelaufen!');
                        location.href = 'score.html';        
                    };
                } else {
                    callback = function () {
                        // diese Funktion nochmal aufrufen (Rekursion)
                        timer2(seconds - 1);
                    };
                }
                // nach einer Sekunde (1000 Millisekunden) den Callback ausführen
                setTimeout(callback, 1 * 1000);
            }
            
            // ungetestet: rechnet Sekunden in Text um
            function secondsToText(seconds)
            {
                if (seconds < 60) {
                    return '' + zeroFill(seconds, 2);
                }
                // Mathe eben: Abrunden(Sekunden / 60) = Minuten ...
                var minutes = Math.floor(seconds / 60);
                // Restsekunden
                seconds = seconds % 60;
                if (minutes < 60) {
                    return '00:' + zeroFill(minutes, 2) + ':' + zeroFill(seconds, 2);
                }
                var hours = Math.floor(minutes / 60);
                minutes = minutes % 60;
                if (hours < 24) {
                    return zeroFill(hours, 2) + ':' + zeroFill(minutes, 2) + ':' + zeroFill(seconds, 2);
                }
                
                return '>= 1 Tag';
            }
            
            // damits bissl schöner aussieht, mach '09' aus '9'
            function zeroFill(number, length)
            {
                number *= 1; // Zahl erzwingen
                number  = number.toString(); // String erzwingen, jetzt können wir gescheit damit umgehen
                while (number.length < length) {
                    number = '0' + number;
                }
                return number;
            }
//-->
</script>

<script type="text/javascript">
document.getElementById('submit_btn1').onclick = function() {
  document.getElementById('submit_btn1').disabled = true;
  document.getElementById('submit_btn1').value = 'working...'; 
};

document.getElementById('submit_btn2').onclick = function() {
  document.getElementById('submit_btn2').disabled = true;
  document.getElementById('submit_btn2').value = 'working...'; 
};

document.getElementById('submit_btn3').onclick = function() {
  document.getElementById('submit_btn3').disabled = true;
  document.getElementById('submit_btn3').value = 'working...'; 
};
</script>

<title>W&uuml;rfel</title>




</head>
<body>
<img src="spacer.gif" width= "25" name="Bilder1">
<img src="spacer.gif" width= "25" name="Bilder2">
<img src="spacer.gif" width= "25" name="Bilder3">
<img src="spacer.gif" width= "25" name="Bilder4">
<img src="spacer.gif" width= "25" name="Bilder5">
<img src="spacer.gif" width= "25" name="Bilder6">
<img src="spacer.gif" width= "25" name="Bilder7">
<form name="hallo" action=""><br />
    <form id=form_id>
    <input type="button" id="submit_btn1" value="W&uuml;rfeln" OnClick="rechnen()">
    <input type="button" id="submit_btn2" value="W&uuml;rfeln" OnClick="rechnen()">        
    <input type="button" id="submit_btn3" value="W&uuml;rfeln" OnClick="rechnen()">              
   <BR>  <BR>

    <b>Augensumme aktueller Wurf:</b> <input type="text" name="augensumme" value="0"  disabled="disabled" /><br />
    <b>Augensumme aller W&uuml;rfe:   </b> <input type="text" name="augensumme_summiert" value="0" disabled="disabled" />
</form>
</form>
    <body onload="timer2(1 * 30)">
    Du hast noch <span id="timer_output"></span> Sekunden Zeit
</body>
</html>

ChrisB · 24.03.2011, 00:04

Wenn du nicht willst, dass dieser Thread den gleichen Weg nimmt wie sein Vorgänger, dann liefere eine bessere Problembeschreibung als „funzt nich“.

Zitat:

Ich glaube es liegt am <form id=form_id> aber kp was genau habe auch nichts gefunden

Und auf der Basis erwartest du jetzt, dass wir dir weiterhelfen können ...?

Das absolut Mindeste(!) wäre, dass du
a) erst mal selber in die JavaScript-Fehlerkonsole schaust, was die ggf. meldet, und wenn das keine Erkenntnisse bringt,
b) ein Online-Beispiel bereitstellst, an dem sich das Problem ohne Aufwand nachvollziehen lässt.

tkb · 24.03.2011, 00:20

habe ich schon "Fehler: document.getElementById("submit_btn1") is null
Quelldatei: http://127.0.0.1/php/script.html?submit=Neustart
Zeile: 120" ich weiß aber nichts damit anzufangen

was meinst du mit Online-Beispiel? Pics???

aso und mit

Zitat:

habe auch nichts gefunden

meinte ich die Fehlerkonsole nur ein bissel undeutlich

Chriz · 24.03.2011, 00:22

Hallo tkb,

installier dir mal das Firebug-Plugin, das ist eine erweiterte JavaScript-Konsole, die dir auf jeden Fall Fehler meldet, wenn es welche im Skript gibt. So auf den allerersten groben 10-Sekundenblick fällt mir nur deine if-Bedingung mit dem > und den + auf. Setz Klammern, damit auch die Berechnung durchgeführt wird, die du möchtest.

Also:
zahl2 > (zahl3 + zahl4 + ..)

zeroFill, second2Text, ... klingt irgendwie nach Quellcode von mir hier aus dem Forum

Kopier dir nicht alles zusammen, versuch den Quellcode zu verstehen. Firebug wäre ein Anfang, zumindest um syntaktische Fehler auszuschließen.

Edit:
Ah. Also du darfst nicht per JavaScript auf HTML-Elemente zugreifen, die noch nicht definiert wurden. Deine Seite wird von oben nach unten ausgewertet, JavaScripte sofort ausgeführt. Entweder setzt du die JavaScripte ans Ende der HTML-Datei (also kurz bevor du </body> zumachst), oder du startest dein Skript erst, wenn das Dokument geladen wurde, z.B. mit <body onload="deine_starten_funktion()">

ChrisB · 24.03.2011, 00:29

Zitat:

Zitat von tkb

aso und mit

Zitat:

habe auch nichts gefunden

meinte ich die Fehlerkonsole nur ein bissel undeutlich

Nicht undeutlich, sondern gelogen:

Zitat:

habe ich schon "Fehler: document.getElementById("submit_btn1") is null
Quelldatei: http://127.0.0.1/php/script.html?submit=Neustart
Zeile: 120" ich weiß aber nichts damit anzufangen

http://www.php.de/php-einsteiger/489...nsammlung.html (Lerne Grundlagen | Quellensammlung)

*close*

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Würfel spiel	tkb	JavaScript, Ajax und mehr	1	22.03.2011 23:22
Suche Spiel Programmierer	Erik1234	Sonstige	2	12.04.2010 14:10
[Erledigt] Möchte ein PHP Spiel machen	coolerj	PHP Tipps 2008	4	12.12.2008 21:01
??? Spiel ???	Basti-asd	PHP-Fortgeschrittene	8	31.03.2008 15:00
quest.ghc.ru - Das Spiel	PsychoEagle	Off-Topic Diskussionen	2	20.09.2007 15:19
Karten Spiel	shocky	PHP Tipps 2006	10	16.02.2006 11:56
Zahlen Raten Spiel		PHP Tipps 2005-2	3	24.09.2005 17:25
Würfel programmieren		Datenbanken	4	19.08.2005 17:43
Deutschland spiel		Off-Topic Diskussionen	22	19.06.2005 10:10
die meisten Punkte pro Spiel abfragen	Gumfuzi	Datenbanken	10	05.04.2005 21:29
Lotto Spiel		Beitragsarchiv	1	17.12.2004 21:26
nächstes spiel anzeigen?		PHP-Fortgeschrittene	3	19.09.2004 15:45

23.03.2011, 23:59
tkb Gesperrt Registriert seit: 05.11.2010 Beiträge: 5 PHP-Kenntnisse: Anfänger	Würfel spiel Hallo, ich habe hier schon ein gleichnamigen Thema (Würfel spiel) und wie man sehen kann wurde der zurecht geschlossen :P nun habe ich selber eine Lösung gefunden aber das klappt nicht so ganz immer wenn ich auf einem Button klicke soll der grau werden aber wird er nicht er nutzt zwar die function rechnen aber der button wird nicht grau jetzt soll mir jemand sagen was ich da falsch gemacht habe. Ich glaube es liegt am <form id=form_id> aber kp was genau, habe auch nichts gefunden script.html PHP-Code: <html> <head> <script language="JavaScript"> var Augensumme = 0; function rechnen() { zahl1=Math.ceil(Math.random()6); zahl2=Math.ceil(Math.random()6); zahl3=Math.ceil(Math.random()6); zahl4=Math.ceil(Math.random()6); zahl5=Math.ceil(Math.random()6); zahl6=Math.ceil(Math.random()6); if (zahl2 > zahl1 + zahl3 + zahl4 + zahl5 + zahl6) { jo = zahl1; zahl1 = zahl2; zahl2 = jo jo = zahl3; zahl1 = zahl3; zahl2 = zahl3; jo = zahl4; zahl1 = zahl4 zahl2 = zahl4 zahl3 = zahl4 jo = zahl5; zahl1 = zahl5 zahl2 = zahl5 zahl3 = zahl5 zahl4 = zahl5 jo = zahl6; zahl1 = zahl6 zahl2 = zahl6 zahl3 = zahl6 zahl4 = zahl6 zahl5 = zahl6 } document.images["Bilder1"].src="w"+zahl1+".GIF"; document.images["Bilder2"].src="w"+zahl2+".GIF"; document.images["Bilder3"].src="w"+zahl3+".GIF"; document.images["Bilder4"].src="w"+zahl4+".GIF"; document.images["Bilder5"].src="w"+zahl5+".GIF"; document.images["Bilder6"]; document.images["Bilder7"].src="w"+zahl6+".GIF"; Augensumme = Augensumme + zahl1 + zahl2 + zahl3 + zahl4 + zahl5 + zahl6 + zahl6; document.forms["hallo"].augensumme.value = zahl1 + zahl2 + zahl3 + zahl4 + zahl5 + zahl6 + zahl6; document.forms["hallo"].augensumme_summiert.value = Augensumme; } //--> </script> <script type="text/javascript"> <!-- function timer2(seconds) { // Textausgabe der Restzeit document.getElementById('timer_output').innerHTML = secondsToText(seconds); // was tun nach einer weiteren Sekunde? var callback; if (seconds <= 0) { callback = function() { alert('Die Zeit ist abgelaufen!'); location.href = 'score.html'; }; } else { callback = function () { // diese Funktion nochmal aufrufen (Rekursion) timer2(seconds - 1); }; } // nach einer Sekunde (1000 Millisekunden) den Callback ausführen setTimeout(callback, 1 * 1000); } // ungetestet: rechnet Sekunden in Text um function secondsToText(seconds) { if (seconds < 60) { return '' + zeroFill(seconds, 2); } // Mathe eben: Abrunden(Sekunden / 60) = Minuten ... var minutes = Math.floor(seconds / 60); // Restsekunden seconds = seconds % 60; if (minutes < 60) { return '00:' + zeroFill(minutes, 2) + ':' + zeroFill(seconds, 2); } var hours = Math.floor(minutes / 60); minutes = minutes % 60; if (hours < 24) { return zeroFill(hours, 2) + ':' + zeroFill(minutes, 2) + ':' + zeroFill(seconds, 2); } return '>= 1 Tag'; } // damits bissl schöner aussieht, mach '09' aus '9' function zeroFill(number, length) { number = 1; // Zahl erzwingen number = number.toString(); // String erzwingen, jetzt können wir gescheit damit umgehen while (number.length < length) { number = '0' + number; } return number; } //--> </script> <script type="text/javascript"> document.getElementById('submit_btn1').onclick = function() { document.getElementById('submit_btn1').disabled = true; document.getElementById('submit_btn1').value = 'working...'; }; document.getElementById('submit_btn2').onclick = function() { document.getElementById('submit_btn2').disabled = true; document.getElementById('submit_btn2').value = 'working...'; }; document.getElementById('submit_btn3').onclick = function() { document.getElementById('submit_btn3').disabled = true; document.getElementById('submit_btn3').value = 'working...'; }; </script> <title>Würfel</title> </head> <body> <img src="spacer.gif" width= "25" name="Bilder1"> <img src="spacer.gif" width= "25" name="Bilder2"> <img src="spacer.gif" width= "25" name="Bilder3"> <img src="spacer.gif" width= "25" name="Bilder4"> <img src="spacer.gif" width= "25" name="Bilder5"> <img src="spacer.gif" width= "25" name="Bilder6"> <img src="spacer.gif" width= "25" name="Bilder7"> <form name="hallo" action=""><br /> <form id=form_id> <input type="button" id="submit_btn1" value="Würfeln" OnClick="rechnen()"> <input type="button" id="submit_btn2" value="Würfeln" OnClick="rechnen()"> <input type="button" id="submit_btn3" value="Würfeln" OnClick="rechnen()"> <BR> <BR> <b>Augensumme aktueller Wurf:</b> <input type="text" name="augensumme" value="0" disabled="disabled" /><br /> <b>Augensumme aller Würfe: </b> <input type="text" name="augensumme_summiert" value="0" disabled="disabled" /> </form> </form> <body onload="timer2(1 30)"> Du hast noch <span id="timer_output"></span> Sekunden Zeit </body> </html> Geändert von tkb (24.03.2011 um 00:25 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.03.2011, 00:22
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Hallo tkb, installier dir mal das Firebug-Plugin, das ist eine erweiterte JavaScript-Konsole, die dir auf jeden Fall Fehler meldet, wenn es welche im Skript gibt. So auf den allerersten groben 10-Sekundenblick fällt mir nur deine if-Bedingung mit dem > und den + auf. Setz Klammern, damit auch die Berechnung durchgeführt wird, die du möchtest. Also: zahl2 > (zahl3 + zahl4 + ..) zeroFill, second2Text, ... klingt irgendwie nach Quellcode von mir hier aus dem Forum Kopier dir nicht alles zusammen, versuch den Quellcode zu verstehen. Firebug wäre ein Anfang, zumindest um syntaktische Fehler auszuschließen. Edit: Ah. Also du darfst nicht per JavaScript auf HTML-Elemente zugreifen, die noch nicht definiert wurden. Deine Seite wird von oben nach unten ausgewertet, JavaScripte sofort ausgeführt. Entweder setzt du die JavaScripte ans Ende der HTML-Datei (also kurz bevor du </body> zumachst), oder du startest dein Skript erst, wenn das Dokument geladen wurde, z.B. mit <body onload="deine_starten_funktion()"> __________________ "Nuschel ich?" - "Was?"