JavaScript Variable - Handelsrechner - Paules-PC-Forum.de

Dj EKI · 01.02.2012, 17:04

Hi,

Ich habe diesen Script fertig :

PHP-Code:


			
<HTML>
<HEAD>
<TITLE>List Box Test</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function testSelect (form) {
    /* ---Blöcke---*/
    


    
    
    /* ---Item---*/
    
    /* kommen noch */
    
    var Item = form.liste.selectedIndex
    var Auswahl = form.liste.options[Item].value;
    var Multi = form.zahl.value;
    var NameErgebnis = form.liste.options[Item].text + " ";
    document.write("Du hast " + NameErgebnis + "ausgewaehlt." + "<br/>");
    document.write("Buecherregal " + (Auswahl / 15 * Multi) + "<br/>");
    document.write("Goldblock " + (Auswahl / 300 * Multi) + "<br/>");
    document.write("Silberblock " + (Auswahl / 200 * Multi) + "<br/>");
    document.write("Holz " + (Auswahl / 0.5 * Multi) + "<br/>");
    document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>");
    document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>");
    document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>");
    document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>");
    document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>");
    
}
</script>
<FORM NAME="myform" ACTION="" METHOD="GET">
  <label for="zahlid"></label>
  <input type="text" name="zahl" id="zahlid">
  <SELECT NAME="liste" SIZE="1">
    <option value="6">Bücherregal
    <option value="300">Goldblock
    <option value="200">Silberblock
    <option value="0.5">Holz
    <option value="0.2">Sand
  </SELECT>
  <input type="button" name="button" value="Test" onClick="testSelect(this.form)">
</FORM>
</BODY>
</HTML>

Der funktioniert so einwandfrei. Nun habe ich ein weiteres Problem.
oben wo /* ---Blöcke---*/ steht, sollen fast 100 Variablen untereinander aufgelistet werden. ein kleiner Ausschnitt:

Code:

	var Blatt = 
	var Buecher = 3 * parseFloat(Papier)
	var Buecherregal = (3 * parseFloat(Buecher)) + (6 * parseFloat(Holzplanken))
	var Diaerz = 
	var Dia = 
	var Diablock = 
	var Eisenerz = 
	var Papier = 0.5

Dort wo nichts steht, kommt noch was hinein. Aber wie man sieht, ist da eine Rechnung in der Variable. Denn ich will die Grundwerte als Variable vergeben, und die Rezepte die durch andere Rohstoffe erstellt werden müssen, sollen eine Rechnung haben, wie Bücherregal. Ich habe gemergt, das es so nicht funktioniert, da Buecherregal nicht auf Buecher zugreifen kann, weil es immer von oben nach unten liest. Wie kann ich das Problem lösen?
Denn ich will das alles nach Namen sortieren, um verwirrung auszuschließen

Und noch was, ich würde gerne diesen Script ändern:

Code:

  <SELECT NAME="liste" SIZE="1">
    <option value="Buecherregal">Buecherregal

Dann könnte ich den Script so verwenden:

Code:

document.write("Buecherregal " + (Auswahl / Buecherregal * Multi) + "<br/>");

Aber leider funktioniert das nicht so, denn <option value="Buecherregal">Buecherregal wird nicht als Variable verwendet, sonder nur als Wort oder Zahl.
Denn ich brauch diese Auswahl, damit das Ergebnis von der Variable in die document.write eingefügt wird. Wie bekomme ich das hin?

Wenn keiner was verstanden hat, dann bitte Fragen, ich bin da etwas Neuland und habs so gut wie möglich Erklärt.

mfg EKI

Dj EKI · 01.02.2012, 23:44

Mal so ein kleiner Hinweis, wenn ich das hier mache:

PHP-Code:


			
    var Holzplanken = 0.5

    var Papier = 0.2

    var Buecher = 3 * Papier

    var Buecherregal = 3 * Buecher + 6 * Holzplanken

dann funktioniert mein Script wunderbar.
Würde es aber so aussehen, nach Buchstaben sortiert, für die Übersicht:

PHP-Code:


			
    var Buecher = 3 * Papier

    var Buecherregal = 3 * Buecher + 6 * Holzplanken

    var Holzplanken = 0.5

    var Papier = 0.2

Dann funktioniert das nicht, bei Buecherregal kommt dann ein NaN.
Das ist ja nun kein Beinbruch, aber mein 2. Problem ist noch viel schwieriger:

Das mit der Liste:

PHP-Code:


			
  <SELECT NAME="liste" SIZE="1">

    <option value="Buecherregal">Buecherregal

wie schaffe ichdas, das der Wert Buecherregal in die value von der Liste erscheint. Damit die Rechnung funktioniert, für den hier:

PHP-Code:


			
    document.write("Buecherregal " + (Auswahl / Buecherregal * Multi) + "<br/>");

Sorry für doppelpost. Wollte aber nicht editieren, da es unübersichtlich werden könnte.

mfg EKI

Dj EKI · 03.02.2012, 19:12

Da mir dies schon sehr wichtig ist, habe ich das mal auf ein Bild viel besser erklärt:

http://rederikde.re.funpic.de/forum_...delProblem.png

cx01 · 04.02.2012, 00:37

Zu Problem 1:
Es gibt eine Lösung, die allerdings etwas kompliziert ist:

PHP-Code:


			
var preis = {};

preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() };

preis['Buch'] =         function() { return preis['Papier']() * 3; };

preis['Papier'] =       function() { return 30; };



// um jetzt z.B. den Preis von Papier anzuzeigen:

alert(preis['Papier']());

Zu Problem 2:
Direkt alle Gegenstandsnamen in HTML einzutragen ist nicht sonderlich elegant. Ich würde den notwendigen HTML-Code per Javascript generieren. Hier mal ein Beispiel:

PHP-Code:


			
<html>

    <body>

        <script>



            function f()

            {

            

                // Preisliste anlegen

                var preis = {};

                preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() };

                preis['Buch'] =         function() { return preis['Papier']() * 3; };

                preis['Papier'] =       function() { return 30; };

                

                



                

                // das <select> Tag von unten in eine Javascript-Variable holen

                var itemListe = document.getElementById("itemListe");

                

                // Gegenstand-Liste leeren

                itemListe.innerHTML = "";

                

                // alle Preise in unserer 'preis' Variable durchgehen

                for (var gegenstand in preis)

                {

                    // hasOwnProperty sorgt dafuer, das keine anderen Objekt-eigenschaften hier gelistet werden, sondern

                    // wirklich nur die Preise, die wir oben eingetragen haben

                    if(preis.hasOwnProperty(gegenstand))

                    {

                        // jetz wird ein neues <option> Tag angelegt

                        var newOption = document.createElement('option');

                        

                        // hier kann man direkt die HTML-Eigenschaften setzen

                        newOption.value = preis[gegenstand]();

                        newOption.innerHTML = gegenstand+":"+preis[gegenstand]();

                        

                        // jetz das neue <option> tag in die <select> Liste einfuegen

                        itemListe.appendChild(newOption);

                    }          

                }

            }

        </script>



        <button onclick="f()">Start</button>



        <select name="liste" id="itemListe">

            <!-- Die Items hier werden per Javascript erzeugt -->

        </select>



    </body>

</html>

Dj EKI · 04.02.2012, 12:15

Ahja, das ist wirklich sehr nah drann, ich versuche nur das irgendwie ander zu scripten. Die Ausgabe der Gegenstände und Preise sollen per document.write ausgewführt werden, also praktisch untereinander aufgelistet. Dazu wollte ich noch Bilder hinzufügen. Genau wie der Handelsrechner von Diesiedleronline.

Aber es ist schon super, das es ne möglichkeit gibt, die <select> Tags mit java zu erstellen. Das hilft mir schon viel weiter. Denn die Values von den select tags sollen die Werte von var Preis abnehmen.

mfg EKI

cx01 · 04.02.2012, 12:47

Ich habs nur mit <select> und <option> gemacht, weil du das oben so gepostet hattest. Du kannst natürlich das ganze auch in einer Tabelle ausgeben.

Dj EKI · 04.02.2012, 23:05

Würde ich zu gerne machen wollen, ich hab etwas herum probiert, mein Ergebnis sieht noch besch...en aus. Kennst du da ne einfache Lösung?
in Tabelle muss es evtl nicht sein, es reicht auch erstmal wenn es unter einander mit <br/> eingetragen wird mit document.write

Ich brauch ja auch ein Eingabefeld, um das ganze zu multiplizieren.

mfg EKI

cx01 · 04.02.2012, 23:56

Man kann meinen Ansatz von oben ja einfach so abändern, dass er ne Tabelle ausgibt:

PHP-Code:


			
<html>

    <body>

        <script>

            function f()

            {

                var preis = {};

                preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() };

                preis['Buch'] =         function() { return preis['Papier']() * 3; };

                preis['Papier'] =       function() { return 30; };

                

                var itemListe = document.getElementById("itemListe");

                itemListe.innerHTML = "";



                for (var gegenstand in preis)

                {

                    if(preis.hasOwnProperty(gegenstand))

                    {

                        var newOption = document.createElement('tr');

                        newOption.innerHTML = "<td>"+gegenstand+"</td><td>"+preis[gegenstand]()+"</td>";

                        itemListe.appendChild(newOption);

                    }          

                }

            }

        </script>



        <button onclick="f()">Start</button>



        <table id="itemListe">

        </table>



    </body>

</html>

Dj EKI · 05.02.2012, 14:46

Axoo, neee, das mit der Tabelle ist zwar interessant, aber ich hatte gedacht, du hast mir nen fertigen Script gegeben. Aber habe dann gemergt, das meine Rechnung nicht vorhanden ist. Daher habe ich mal was hinzu gefügt, ansonsten ist das mit select und options vollkommend richtig:

Code:

<html>
    <body>
        <script>
		function Rechnung()            
            {

				
                var preis = {};
                preis['Buecherregal'] = function() { return (preis['Papier']() + preis['Buch']()) };
                preis['Buch'] =         function() { return preis['Papier']() * 3; };
                preis['Papier'] =       function() { return 30; };
                
				
                var AuswahlListe = document.getElementById("AuswahlListe");
                AuswahlListe.innerHTML = "";
				



                for (var gegenstand in preis)
                {
                    if(preis.hasOwnProperty(gegenstand))
                    {
						// Liste wird erstellt
						var newOption = document.createElement('option'); 
						newOption.value = preis[gegenstand]();
						newOption.innerHTML = gegenstand;
						AuswahlListe.appendChild(newOption);
						
						

                    }          
				}




            }



        </script>
        

        
<FORM NAME="form" ACTION="" METHOD="GET">
<label for="ZahlID"></label>
  <input type="text" name="Zahl" id="ZahlID">
  <SELECT NAME="Liste" ID="AuswahlListe" SIZE="1">
  </SELECT>
  <input type="button" onClick="Rechnung()" name="button" value="Aktivieren">
  <input type="button" onClick="Ausgabe(this.form)" name="button" value="Umrechnen">
</FORM>
<p>&nbsp;</p>
<script>
function Ausgabe (form)
{
	var Item = form.Liste.selectedIndex
    var Auswahl = form.Liste.options[Item].value;
	var Multi = form.Zahl.value;
	
		document.write("Buecherregal " + (Auswahl / Buecherregal * Multi) + "<br/>");
}
</script>
    </body>
</html>

Nur leider funktioniert das nicht. Ich habe natürlich auch vieles anderes ausprobiert, aber das klingt mir logischer. Wenn ich nur document.write("Buecherregal " ) eintrage, dann funktioniert es. Das heißt ja, die Variablen funktionieren nicht, die eigentlich von der erstellten select und options abgreifen soll.
Die Options sollen eigentlich gleich erstellt werden, ich habe erstmal daraus ein aktvieren Button gemacht, damit erst die Liste erstellt wird, und dann Umgerechnet werden kann. Aktivieren Button würde ich aber gerne weglassen wollen, und somit die Liste selbstständig erstellt wird ohne zu klicken. Habe aber auch dies nicht geschafft ^^

cx01 · 06.02.2012, 15:06

So geht hoffentlich alles:

PHP-Code:


			
<html>

    <body>

        <script>

            

            var preis = {};

            

            function Init()            

            {

                preis = {};

                preis['Buecherregal'] = function() { return (preis['Papier']() + preis['Buch']()) };

                preis['Buch'] =         function() { return preis['Papier']() * 3; };

                preis['Papier'] =       function() { return 30; };

                

                

                var AuswahlListe = document.getElementById("AuswahlListe");

                AuswahlListe.innerHTML = "";

                



                for (var gegenstand in preis)

                {

                    if(preis.hasOwnProperty(gegenstand))

                    {

                        // Liste wird erstellt

                        var newOption = document.createElement('option'); 

                        newOption.value = preis[gegenstand]();

                        newOption.innerHTML = gegenstand;

                        AuswahlListe.appendChild(newOption);

                    }          

                }

            }



            function Ausgabe (form)

            {

                var Item = form.Liste.selectedIndex

                var Auswahl = form.Liste.options[Item].value;

                var Multi = form.Zahl.value;

                

                var ergebnis = document.getElementById("Ergebnis");

                

                ergebnis.innerHTML = "";

                

                for (var gegenstand in preis)

                {

                    if(preis.hasOwnProperty(gegenstand))

                    {

                        var newOption = document.createElement('tr'); 

                        newOption.innerHTML = "<td>"+gegenstand+"</td><td>"+(Auswahl / preis[gegenstand]() * Multi)+"</td></tr>";

                        ergebnis.appendChild(newOption);

                    }          

                }

                

            }



            

            window.onload = Init;

        </script>

            



        

        <FORM NAME="form" ACTION="" METHOD="GET">

            <label for="ZahlID"></label>

            <input type="text" name="Zahl" id="ZahlID">

            <SELECT NAME="Liste" ID="AuswahlListe" SIZE="1">

            </SELECT>

            <input type="button" onClick="Ausgabe(this.form)" name="button" value="Umrechnen">

        </FORM>

        <p>&nbsp;</p>

        <table id = "Ergebnis">

        </table>



    </body>

</html>

Dj EKI · 06.02.2012, 18:19

Läuft alles Super ! Danke !

Was müsste ich machen um ein bild hinzu zu fügen

Hab mal was versucht:

Code:

                    if(preis.hasOwnProperty(gegenstand))
                    {
						var Bild_Name = gegenstand + '.png"'
						var Bild = document.write('<img src="images' + Bild_Name + ' width="32" height="32">')
						
                        var newOption = document.createElement('tr'); 
                        newOption.innerHTML = "<td>"+Bild+"</td><td>"+gegenstand+"</td><td>"+(Auswahl / preis[gegenstand]() * Multi)+"</td></tr>";
                        ergebnis.appendChild(newOption);

Leider werden die nicht untereinander aufgelistet und die Tabe ist praktisch futsch. Die Items werden auch nicht mehr untereinander aufgeschrieben.

mfg EKI

cx01 · 06.02.2012, 20:11

Du kannst hier nicht mit document.write arbeiten, sondern musst die innerHTML-Eigenschaft des Objekts benutzen, in die das Bild soll:

PHP-Code:


			
var Bild_Name = gegenstand + ".png";

var Bild = '<img src="images' + Bild_Name + '" width="32" height="32">';

var newOption = document.createElement('tr'); 

newOption.innerHTML = "<td>"+Bild+"</td><td>"+gegenstand+"</td><td>"+(Auswahl / preis[gegenstand]() * Multi)+"</td></tr>";

ergebnis.appendChild(newOption);

Und zu deinem anderen Problem, dass ein Andern des Papierpreises keine Auswirkungen hat: Das liegt daran, dass die anderen beiden Preise sich beide direkt von Papier ableiten. Machst du also Papier 2mal so teuer, werden sie auch 2mal so teuer, und deswegen siehst du keinen Unterschied.

Dj EKI · 06.02.2012, 20:26

oh man, ich sollte wirklich mal schlafen gehn... danke ^^

Dj EKI · 10.02.2012, 00:25

Moin,

Ich bin mal mit der Rechnung fertig, und das war echt ein hartes Stück für mich. Für dich natürlich PillePalle

Bisher funktioniert alles super, da es aber Items im Spiel gibt, die sich nur 16 Stück Stapeln lassen, also 1 Stack = 16 Stück, habe ich da eine merwürdige Lösung gefunden. Zum glück gibt es von den 16er Stacksnur sehr wenige, daher habe ich das mit ein div Tag erledigt. Der soll dann den Eintrag ändern, wo schon Stack64 als Variable ist. Denn die meisten Items und Blöcke im Spiel lassen sich immer bis zu 64 Stück stapeln.
Das heißt, ich will eine 4. Tabelle, die ich auch schon erstellt habe, und dort soll gleich in Stack umgerechnet werden. Nun funktionmiert alles perfekt, naja, fast. Das hier ist mein Problem: document.getElementById("Holz").innerHTML = "---";
Ich musste extra --- eingeben, damit der Script erstmal funktioniert. Ich kann Zahlen und Wörter eingeben, und die werden auch als diese angezeigt. Aber wenn ich die --- durch variable Stack16 ersetze, dann funktioniert komischerweise die Rechnung nicht mehr. Vllt hast du da ein Fehler entdeckt.

PHP-Code:


			
<html>
    <body>
        <script>
            
            var preis = {};
            
            
            function Init()            
            {
                preis = {};
                preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() };
                preis['Buch'] =         function() { return preis['Papier']() * 3; };
                preis['Papier'] =       function() { return 0.2 };
                preis['Holz'] =            function() { return 20.25; }
                preis['Holzplanken'] =    function() { return preis['Holz']() / 4 };
                preis['Eisenbarren'] =    function() { return 144 };
                preis['Eisenerz'] =        function() { return (8 * preis['Eisenbarren']() - 27) / 8 };
                
                
                
                
                var AuswahlListe = document.getElementById("AuswahlListe");
                AuswahlListe.innerHTML = "";
                

                for (var gegenstand in preis)
                {
                    if(preis.hasOwnProperty(gegenstand))
                    {
                        // Liste wird erstellt
                        var newOption = document.createElement('option'); 
                        newOption.value = preis[gegenstand]();
                        newOption.innerHTML = gegenstand;
                        AuswahlListe.appendChild(newOption);
                    }          
                }
            }
                


            
                
            function Ausgabe ()
            {
                
                
                
  var i,Stack;
  
      
    

   /* jeden Radiobutton abchecken : */
  for (i=0;i<2;i++){
    if (document.form.schalter[i].checked){
      Stack=document.form.schalter[i].value;
      }}
                  
      
                
                var Item = form.Liste.selectedIndex;
                var Auswahl = form.Liste.options[Item].value;
                var Multi = form.Zahl.value;
                
                
                
                var ergebnis = document.getElementById("Ergebnis");
                
                ergebnis.innerHTML = "";
                
                for (var gegenstand in preis)
                {
                    if(preis.hasOwnProperty(gegenstand))
                    {
                        var Bild_Name = gegenstand + '.png"'
                        var Bild = '<img src="http://www.paules-pc-forum.de/forum/images/' + Bild_Name + ' width="32" height="32">'
                        var Rechnung = Math.round(Stack*(Auswahl / preis[gegenstand]() * Multi)*10 )/10
                        var Stack64 = Math.round(Stack/64*(Auswahl / preis[gegenstand]() * Multi)*10 )/10
                        var Stack16 = Math.round(Stack/16*(Auswahl / preis[gegenstand]() * Multi)*10 )/10
                        
                        var newOption = document.createElement('tr'); 
                        newOption.innerHTML = "<td>"+"&nbsp;&nbsp;&nbsp;"+Bild+"&nbsp;&nbsp;&nbsp;"+"</td><td>"+"&nbsp;&nbsp;&nbsp;"+gegenstand+"&nbsp;&nbsp;&nbsp;"+"</td><td>"+"&nbsp;&nbsp;&nbsp;"+Rechnung +"&nbsp;&nbsp;&nbsp;"+"</td><td>"+'<div id="'+gegenstand+'">'+Stack64+"</div>"+"</td></tr>";
                        ergebnis.appendChild(newOption);
                    }          
                }
            
                                
            //Eintrag für 16er Stack
            document.getElementById("Holz").innerHTML = "---";


                
            }
            
            window.onload = Init;
        </script>
            

        
        <FORM ACTION="" METHOD="GET" NAME="form" id="formID">
          <p>
            <label for="ZahlID"></label>
            <input type="button" onClick="Ausgabe()" name="button" value="Suche/Biete">
            <SELECT NAME="Liste" ID="AuswahlListe" SIZE="1">
            </SELECT>
            Anzahl:
            <input type="text" name="Zahl" id="ZahlID">
            
            <input type="radio" name="schalter" id="schalterID" value="1" checked>
            St&uuml;ck(e)
            <input type="radio" name="schalter" id="schalterID" value="64">
Stack(s) <br>
            </p>
           
    </FORM>
    <br>
<br>
        <table id = "Ergebnis">
        </table>

    </body>
</html>

mfg EKI

cx01 · 10.02.2012, 21:07

Man könnte es so machen:

PHP-Code:


			
                    if(preis.hasOwnProperty(gegenstand))

                    {

                        if(Stack == 64 && gegenstand == "Holz")

                        {

                            Stack = 16;

                        }

                        

                        var Bild_Name = gegenstand + '.png"'

                        var Bild = '<img src="http://www.paules-pc-forum.de/forum/images/' + Bild_Name + ' width="32" height="32">'

                        var Rechnung = Math.round(Stack*(Auswahl / preis[gegenstand]() * Multi)*10 )/10

                        var Stack64 = Math.round(Stack/64*(Auswahl / preis[gegenstand]() * Multi)*10 )/10

                        var Stack16 = Math.round(Stack/16*(Auswahl / preis[gegenstand]() * Multi)*10 )/10

                        

                        var stackMenge;

                        if(gegenstand == "Holz") 

                            stackMenge = Stack16;

                        else

                            stackMenge = Stack64;

                        

                        var newOption = document.createElement('tr'); 

                        newOption.innerHTML = "<td>"+"&nbsp;&nbsp;&nbsp;"+Bild+"&nbsp;&nbsp;&nbsp;"+"</td><td>"+"&nbsp;&nbsp;&nbsp;"+gegenstand+"&nbsp;&nbsp;&nbsp;"+"</td><td>"+"&nbsp;&nbsp;&nbsp;"+Rechnung +"&nbsp;&nbsp;&nbsp;"+"</td><td>"+'<div id="'+gegenstand+'">'+stackMenge+"</div>"+"</td></tr>";

                        ergebnis.appendChild(newOption);

                    }

Ist jetz nicht sonderlich elegant, aber wenn nur Holz die Ausnahme ist, geht es wohl. Alternativ könntest du auch eine 'stackGroesse' Variable machen, analog zur 'preis' Variable.

01.02.2012, 17:04	#1 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	JavaScript Variable - Handelsrechner Hi, Ich habe diesen Script fertig : PHP-Code: <HTML> <HEAD> <TITLE>List Box Test</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function testSelect (form) { /* ---Blöcke---/ / ---Item---/ / kommen noch / var Item = form.liste.selectedIndex var Auswahl = form.liste.options[Item].value; var Multi = form.zahl.value; var NameErgebnis = form.liste.options[Item].text + " "; document.write("Du hast " + NameErgebnis + "ausgewaehlt." + "<br/>"); document.write("Buecherregal " + (Auswahl / 15 Multi) + "<br/>"); document.write("Goldblock " + (Auswahl / 300 * Multi) + "<br/>"); document.write("Silberblock " + (Auswahl / 200 * Multi) + "<br/>"); document.write("Holz " + (Auswahl / 0.5 * Multi) + "<br/>"); document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>"); document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>"); document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>"); document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>"); document.write("Sand " + (Auswahl / 0.2 * Multi) + "<br/>"); } </script> <FORM NAME="myform" ACTION="" METHOD="GET"> <label for="zahlid"></label> <input type="text" name="zahl" id="zahlid"> <SELECT NAME="liste" SIZE="1"> <option value="6">Bücherregal <option value="300">Goldblock <option value="200">Silberblock <option value="0.5">Holz <option value="0.2">Sand </SELECT> <input type="button" name="button" value="Test" onClick="testSelect(this.form)"> </FORM> </BODY> </HTML> Der funktioniert so einwandfrei. Nun habe ich ein weiteres Problem. oben wo /* ---Blöcke---/ steht, sollen fast 100 Variablen untereinander aufgelistet werden. ein kleiner Ausschnitt: Code: var Blatt = var Buecher = 3 parseFloat(Papier) var Buecherregal = (3 * parseFloat(Buecher)) + (6 * parseFloat(Holzplanken)) var Diaerz = var Dia = var Diablock = var Eisenerz = var Papier = 0.5 Dort wo nichts steht, kommt noch was hinein. Aber wie man sieht, ist da eine Rechnung in der Variable. Denn ich will die Grundwerte als Variable vergeben, und die Rezepte die durch andere Rohstoffe erstellt werden müssen, sollen eine Rechnung haben, wie Bücherregal. Ich habe gemergt, das es so nicht funktioniert, da Buecherregal nicht auf Buecher zugreifen kann, weil es immer von oben nach unten liest. Wie kann ich das Problem lösen? Denn ich will das alles nach Namen sortieren, um verwirrung auszuschließen Und noch was, ich würde gerne diesen Script ändern: Code: <SELECT NAME="liste" SIZE="1"> <option value="Buecherregal">Buecherregal Dann könnte ich den Script so verwenden: Code: document.write("Buecherregal " + (Auswahl / Buecherregal * Multi) + "<br/>"); Aber leider funktioniert das nicht so, denn <option value="Buecherregal">Buecherregal wird nicht als Variable verwendet, sonder nur als Wort oder Zahl. Denn ich brauch diese Auswahl, damit das Ergebnis von der Variable in die document.write eingefügt wird. Wie bekomme ich das hin? Wenn keiner was verstanden hat, dann bitte Fragen, ich bin da etwas Neuland und habs so gut wie möglich Erklärt. mfg EKI __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

01.02.2012, 23:44	#2 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	Mal so ein kleiner Hinweis, wenn ich das hier mache: PHP-Code: `var Holzplanken = 0.5 var Papier = 0.2 var Buecher = 3 * Papier var Buecherregal = 3 * Buecher + 6 * Holzplanken` dann funktioniert mein Script wunderbar. Würde es aber so aussehen, nach Buchstaben sortiert, für die Übersicht: PHP-Code: `var Buecher = 3 * Papier var Buecherregal = 3 * Buecher + 6 * Holzplanken var Holzplanken = 0.5 var Papier = 0.2` Dann funktioniert das nicht, bei Buecherregal kommt dann ein NaN. Das ist ja nun kein Beinbruch, aber mein 2. Problem ist noch viel schwieriger: Das mit der Liste: PHP-Code: `<SELECT NAME="liste" SIZE="1"> <option value="Buecherregal">Buecherregal` wie schaffe ichdas, das der Wert Buecherregal in die value von der Liste erscheint. Damit die Rechnung funktioniert, für den hier: PHP-Code: `document.write("Buecherregal " + (Auswahl / Buecherregal * Multi) + "<br/>");` Sorry für doppelpost. Wollte aber nicht editieren, da es unübersichtlich werden könnte. mfg EKI __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

03.02.2012, 19:12	#3 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	Da mir dies schon sehr wichtig ist, habe ich das mal auf ein Bild viel besser erklärt: http://rederikde.re.funpic.de/forum_...delProblem.png __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

04.02.2012, 00:37	#4 (Direktlink)
cx01 War schon mal da Registriert seit: 06.02.2010 Beiträge: 27	Zu Problem 1: Es gibt eine Lösung, die allerdings etwas kompliziert ist: PHP-Code: `var preis = {}; preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() }; preis['Buch'] = function() { return preis['Papier']() * 3; }; preis['Papier'] = function() { return 30; }; // um jetzt z.B. den Preis von Papier anzuzeigen: alert(preis['Papier']());` Zu Problem 2: Direkt alle Gegenstandsnamen in HTML einzutragen ist nicht sonderlich elegant. Ich würde den notwendigen HTML-Code per Javascript generieren. Hier mal ein Beispiel: PHP-Code: <html> <body> <script> function f() { // Preisliste anlegen var preis = {}; preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() }; preis['Buch'] = function() { return preis['Papier']() * 3; }; preis['Papier'] = function() { return 30; }; // das <select> Tag von unten in eine Javascript-Variable holen var itemListe = document.getElementById("itemListe"); // Gegenstand-Liste leeren itemListe.innerHTML = ""; // alle Preise in unserer 'preis' Variable durchgehen for (var gegenstand in preis) { // hasOwnProperty sorgt dafuer, das keine anderen Objekt-eigenschaften hier gelistet werden, sondern // wirklich nur die Preise, die wir oben eingetragen haben if(preis.hasOwnProperty(gegenstand)) { // jetz wird ein neues <option> Tag angelegt var newOption = document.createElement('option'); // hier kann man direkt die HTML-Eigenschaften setzen newOption.value = preis[gegenstand](); newOption.innerHTML = gegenstand+":"+preis[gegenstand](); // jetz das neue <option> tag in die <select> Liste einfuegen itemListe.appendChild(newOption); } } } </script> <button onclick="f()">Start</button> <select name="liste" id="itemListe"> <!-- Die Items hier werden per Javascript erzeugt --> </select> </body> </html>

04.02.2012, 12:15	#5 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	Ahja, das ist wirklich sehr nah drann, ich versuche nur das irgendwie ander zu scripten. Die Ausgabe der Gegenstände und Preise sollen per document.write ausgewführt werden, also praktisch untereinander aufgelistet. Dazu wollte ich noch Bilder hinzufügen. Genau wie der Handelsrechner von Diesiedleronline. Aber es ist schon super, das es ne möglichkeit gibt, die <select> Tags mit java zu erstellen. Das hilft mir schon viel weiter. Denn die Values von den select tags sollen die Werte von var Preis abnehmen. mfg EKI __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

04.02.2012, 12:47	#6 (Direktlink)
cx01 War schon mal da Registriert seit: 06.02.2010 Beiträge: 27	Ich habs nur mit <select> und <option> gemacht, weil du das oben so gepostet hattest. Du kannst natürlich das ganze auch in einer Tabelle ausgeben.

04.02.2012, 23:05	#7 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	Würde ich zu gerne machen wollen, ich hab etwas herum probiert, mein Ergebnis sieht noch besch...en aus. Kennst du da ne einfache Lösung? in Tabelle muss es evtl nicht sein, es reicht auch erstmal wenn es unter einander mit <br/> eingetragen wird mit document.write Ich brauch ja auch ein Eingabefeld, um das ganze zu multiplizieren. mfg EKI __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

04.02.2012, 23:56	#8 (Direktlink)
cx01 War schon mal da Registriert seit: 06.02.2010 Beiträge: 27	Man kann meinen Ansatz von oben ja einfach so abändern, dass er ne Tabelle ausgibt: PHP-Code: <html> <body> <script> function f() { var preis = {}; preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() }; preis['Buch'] = function() { return preis['Papier']() * 3; }; preis['Papier'] = function() { return 30; }; var itemListe = document.getElementById("itemListe"); itemListe.innerHTML = ""; for (var gegenstand in preis) { if(preis.hasOwnProperty(gegenstand)) { var newOption = document.createElement('tr'); newOption.innerHTML = "<td>"+gegenstand+"</td><td>"+preis[gegenstand]()+"</td>"; itemListe.appendChild(newOption); } } } </script> <button onclick="f()">Start</button> <table id="itemListe"> </table> </body> </html>

06.02.2012, 15:06	#10 (Direktlink)
cx01 War schon mal da Registriert seit: 06.02.2010 Beiträge: 27	So geht hoffentlich alles: PHP-Code: <html> <body> <script> var preis = {}; function Init() { preis = {}; preis['Buecherregal'] = function() { return (preis['Papier']() + preis['Buch']()) }; preis['Buch'] = function() { return preis['Papier']() * 3; }; preis['Papier'] = function() { return 30; }; var AuswahlListe = document.getElementById("AuswahlListe"); AuswahlListe.innerHTML = ""; for (var gegenstand in preis) { if(preis.hasOwnProperty(gegenstand)) { // Liste wird erstellt var newOption = document.createElement('option'); newOption.value = preis[gegenstand](); newOption.innerHTML = gegenstand; AuswahlListe.appendChild(newOption); } } } function Ausgabe (form) { var Item = form.Liste.selectedIndex var Auswahl = form.Liste.options[Item].value; var Multi = form.Zahl.value; var ergebnis = document.getElementById("Ergebnis"); ergebnis.innerHTML = ""; for (var gegenstand in preis) { if(preis.hasOwnProperty(gegenstand)) { var newOption = document.createElement('tr'); newOption.innerHTML = "<td>"+gegenstand+"</td><td>"+(Auswahl / preis[gegenstand]() * Multi)+"</td></tr>"; ergebnis.appendChild(newOption); } } } window.onload = Init; </script> <FORM NAME="form" ACTION="" METHOD="GET"> <label for="ZahlID"></label> <input type="text" name="Zahl" id="ZahlID"> <SELECT NAME="Liste" ID="AuswahlListe" SIZE="1"> </SELECT> <input type="button" onClick="Ausgabe(this.form)" name="button" value="Umrechnen"> </FORM> <p> </p> <table id = "Ergebnis"> </table> </body> </html>

06.02.2012, 18:19	#11 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	Läuft alles Super ! Danke ! Was müsste ich machen um ein bild hinzu zu fügen Hab mal was versucht: Code: if(preis.hasOwnProperty(gegenstand)) { var Bild_Name = gegenstand + '.png"' var Bild = document.write('<img src="images' + Bild_Name + ' width="32" height="32">') var newOption = document.createElement('tr'); newOption.innerHTML = "<td>"+Bild+"</td><td>"+gegenstand+"</td><td>"+(Auswahl / preis[gegenstand]() * Multi)+"</td></tr>"; ergebnis.appendChild(newOption); Leider werden die nicht untereinander aufgelistet und die Tabe ist praktisch futsch. Die Items werden auch nicht mehr untereinander aufgeschrieben. mfg EKI __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

06.02.2012, 20:11	#12 (Direktlink)
cx01 War schon mal da Registriert seit: 06.02.2010 Beiträge: 27	Du kannst hier nicht mit document.write arbeiten, sondern musst die innerHTML-Eigenschaft des Objekts benutzen, in die das Bild soll: PHP-Code: `var Bild_Name = gegenstand + ".png"; var Bild = '<img src="images' + Bild_Name + '" width="32" height="32">'; var newOption = document.createElement('tr'); newOption.innerHTML = "<td>"+Bild+"</td><td>"+gegenstand+"</td><td>"+(Auswahl / preis[gegenstand]() * Multi)+"</td></tr>"; ergebnis.appendChild(newOption);` Und zu deinem anderen Problem, dass ein Andern des Papierpreises keine Auswirkungen hat: Das liegt daran, dass die anderen beiden Preise sich beide direkt von Papier ableiten. Machst du also Papier 2mal so teuer, werden sie auch 2mal so teuer, und deswegen siehst du keinen Unterschied.

06.02.2012, 20:26	#13 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	oh man, ich sollte wirklich mal schlafen gehn... danke ^^ __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

10.02.2012, 00:25	#14 (Direktlink)
Dj EKI Forenmaskottchen Registriert seit: 04.10.2004 Beiträge: 706	Rechnung Fertig Moin, Ich bin mal mit der Rechnung fertig, und das war echt ein hartes Stück für mich. Für dich natürlich PillePalle Bisher funktioniert alles super, da es aber Items im Spiel gibt, die sich nur 16 Stück Stapeln lassen, also 1 Stack = 16 Stück, habe ich da eine merwürdige Lösung gefunden. Zum glück gibt es von den 16er Stacksnur sehr wenige, daher habe ich das mit ein div Tag erledigt. Der soll dann den Eintrag ändern, wo schon Stack64 als Variable ist. Denn die meisten Items und Blöcke im Spiel lassen sich immer bis zu 64 Stück stapeln. Das heißt, ich will eine 4. Tabelle, die ich auch schon erstellt habe, und dort soll gleich in Stack umgerechnet werden. Nun funktionmiert alles perfekt, naja, fast. Das hier ist mein Problem: document.getElementById("Holz").innerHTML = "---"; Ich musste extra --- eingeben, damit der Script erstmal funktioniert. Ich kann Zahlen und Wörter eingeben, und die werden auch als diese angezeigt. Aber wenn ich die --- durch variable Stack16 ersetze, dann funktioniert komischerweise die Rechnung nicht mehr. Vllt hast du da ein Fehler entdeckt. PHP-Code: <html> <body> <script> var preis = {}; function Init() { preis = {}; preis['Buecherregal'] = function() { return preis['Papier']() + preis['Buch']() }; preis['Buch'] = function() { return preis['Papier']() * 3; }; preis['Papier'] = function() { return 0.2 }; preis['Holz'] = function() { return 20.25; } preis['Holzplanken'] = function() { return preis['Holz']() / 4 }; preis['Eisenbarren'] = function() { return 144 }; preis['Eisenerz'] = function() { return (8 * preis['Eisenbarren']() - 27) / 8 }; var AuswahlListe = document.getElementById("AuswahlListe"); AuswahlListe.innerHTML = ""; for (var gegenstand in preis) { if(preis.hasOwnProperty(gegenstand)) { // Liste wird erstellt var newOption = document.createElement('option'); newOption.value = preis[gegenstand](); newOption.innerHTML = gegenstand; AuswahlListe.appendChild(newOption); } } } function Ausgabe () { var i,Stack; /* jeden Radiobutton abchecken : / for (i=0;i<2;i++){ if (document.form.schalter[i].checked){ Stack=document.form.schalter[i].value; }} var Item = form.Liste.selectedIndex; var Auswahl = form.Liste.options[Item].value; var Multi = form.Zahl.value; var ergebnis = document.getElementById("Ergebnis"); ergebnis.innerHTML = ""; for (var gegenstand in preis) { if(preis.hasOwnProperty(gegenstand)) { var Bild_Name = gegenstand + '.png"' var Bild = '<img src="http://www.paules-pc-forum.de/forum/images/' + Bild_Name + ' width="32" height="32">' var Rechnung = Math.round(Stack(Auswahl / preis[gegenstand]() * Multi)10 )/10 var Stack64 = Math.round(Stack/64(Auswahl / preis[gegenstand]() * Multi)10 )/10 var Stack16 = Math.round(Stack/16(Auswahl / preis[gegenstand]() * Multi)*10 )/10 var newOption = document.createElement('tr'); newOption.innerHTML = "<td>"+"   "+Bild+"   "+"</td><td>"+"   "+gegenstand+"   "+"</td><td>"+"   "+Rechnung +"   "+"</td><td>"+'<div id="'+gegenstand+'">'+Stack64+"</div>"+"</td></tr>"; ergebnis.appendChild(newOption); } } //Eintrag für 16er Stack document.getElementById("Holz").innerHTML = "---"; } window.onload = Init; </script> <FORM ACTION="" METHOD="GET" NAME="form" id="formID"> <p> <label for="ZahlID"></label> <input type="button" onClick="Ausgabe()" name="button" value="Suche/Biete"> <SELECT NAME="Liste" ID="AuswahlListe" SIZE="1"> </SELECT> Anzahl: <input type="text" name="Zahl" id="ZahlID"> <input type="radio" name="schalter" id="schalterID" value="1" checked> Stück(e) <input type="radio" name="schalter" id="schalterID" value="64"> Stack(s) <br> </p> </FORM> <br> <br> <table id = "Ergebnis"> </table> </body> </html> mfg EKI __________________ Bilder sind Leider nicht Erlaubt -.- schade... obwohl ich sowas sehr gerne gestalte und Präsentiere ...

10.02.2012, 21:07	#15 (Direktlink)
cx01 War schon mal da Registriert seit: 06.02.2010 Beiträge: 27	Man könnte es so machen: PHP-Code: if(preis.hasOwnProperty(gegenstand)) { if(Stack == 64 && gegenstand == "Holz") { Stack = 16; } var Bild_Name = gegenstand + '.png"' var Bild = '<img src="http://www.paules-pc-forum.de/forum/images/' + Bild_Name + ' width="32" height="32">' var Rechnung = Math.round(Stack(Auswahl / preis[gegenstand]() Multi)10 )/10 var Stack64 = Math.round(Stack/64(Auswahl / preis[gegenstand]() * Multi)10 )/10 var Stack16 = Math.round(Stack/16(Auswahl / preis[gegenstand]() * Multi)*10 )/10 var stackMenge; if(gegenstand == "Holz") stackMenge = Stack16; else stackMenge = Stack64; var newOption = document.createElement('tr'); newOption.innerHTML = "<td>"+"   "+Bild+"   "+"</td><td>"+"   "+gegenstand+"   "+"</td><td>"+"   "+Rechnung +"   "+"</td><td>"+'<div id="'+gegenstand+'">'+stackMenge+"</div>"+"</td></tr>"; ergebnis.appendChild(newOption); } Ist jetz nicht sonderlich elegant, aber wenn nur Holz die Ausnahme ist, geht es wohl. Alternativ könntest du auch eine 'stackGroesse' Variable machen, analog zur 'preis' Variable.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Variable aus Variable??	emaximi	XProfan	2	02.02.2012 11:04
Variable Linkbox bei Ebay	Zeriel	Sonstige Programmiersprachen	0	27.07.2008 18:45
Variable von VBA an Excel übergeben!	NeXoDrEuS	Visual Basic, Visual Basic.NET	0	04.07.2008 10:13
system variable	powerweb	Windows XP	3	06.04.2006 10:25
PHP-Variable in Javascript-Fenster-Eigenschaft	dave21	Sonstige Programmiersprachen	3	06.05.2005 17:25