tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von javaDeveloper2011
ERLEDIGT
JA
ANTWORTEN
9
ZUGRIFFE
404
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    digimike digimike ist offline Grünschnabel
    Registriert seit
    Aug 2011
    Beiträge
    4
    Hallo,

    ich hoffe hier das richtige Unterformum getroffen zu haben.
    Ich möchte auf meiner Website dem User die Möglichkeit geben aus 2 Auswahlfeldern eine Kombination auszuwählen und daraus dann eine Ausgabe zu erzeugen.

    Vom Prinzip nix anderes als in einem Webshop, doch wesentlich einfacher.

    Der User wählt aus, ob die Lieferzeit "Normal, Schnell oder Express" sein soll.
    Dann welche Verarbeitung "Nur geschnitten, geschnitten und geöst, gesäumt und geöst".

    Direkt nach der Auswahl soll der entsprechende Preis dargestellt werden
    1m² 20,00 Euro, 5m² 18,00 Euro, 10m² 16,00 Euro (bei Kombination 1)
    1m² 25,00 Euro, 5m² 23,00 Euro, 10m² 19,00 Euro (bei Kombination 2), usw.

    Ob die Preise nun hardcodet im Script stehen oder aus einer Datei gelesen werden ist erst mal nebensächlich. (Wobei die Variante aus einer Datei auslesen sicherlich komfortabler wäre).

    Ach ja, eine gewisse Formatierung als Tabelle, mit erster Preis größer, fett und andere Farbe wäre spitze.

    Ich suche seit einigen Wochen schon im www und finde nichts passendes. Vielleicht fehlen mir nur die Suchwörter.

    Folgenden Ansatz habe ich mal gefunden:

    HTML-Code:
    <html>
    <head>
    <script>
    <!--
    function Ausgabe(Werte)
    {
        Funktion Ausgabe (Hier weiß ich gar nicht weiter)
    }
    //-->
    </script>
    </head>
    <body>
    <form>
    <select name="Lieferzeit bitte wählen" onChange="Ausgabe(this.options[this.selectedIndex].value);">
     <option value="Normal">normal</option>
     <option value="Schnell">schnell</option>
     <option value="Express">express</option>
    </select>
    </form>
    </body>
    </html>
    Leider wäre das auch nur ein eindimensionaler Wert.
    Wäre super wenn ich hier eine Antwort finde. Ich denke das man dies auch für noch mehr Dimensionen nutzen könnte.

    Schon mal vielen Dank.

    Michael
     

  2. #2
    Avatar von javaDeveloper2011
    javaDeveloper2011 javaDeveloper2011 ist offline Mitglied Brokat
    Registriert seit
    Feb 2011
    Beiträge
    445
    Blog-Einträge
    5
    Hi,

    2D-selects giebts nicht, da brauchst du wohl 2 Stück.
    Ich hab dir mal nen Beispiel geschrieben,
    wo jetzt einfach ein Text zur Kontrolle ausgegeben wird, muss dann halt die formatierte Tabelle gefüllt werden.
    Wenn ich das machen soll, muss ich halt die genauen Preise für jeden Fall un die gewünshte Farbe für den Preis wissen.

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    
    <html>
     
    Hoffentlich hilfts dir weiter, 
    javaDeveloper2011
     
    Ps: Natürlich gehört das ins Java[SIZE="4"]Script[/SIZE]-Forum
    <head>
     
        <script type="text/javascript">
            function ausgabe() {
                var lieferzeit = document.getElementById('lieferzeit').selectedIndex;
                var verarbeitung = document.getElementById('verarbeitung').selectedIndex;
                switch(lieferzeit) {
                  case 0:
                    switch(verarbeitung) {
                      case 0:
                        document.getElementById('ausgabe').innerHTML = "Preise bei normal / nur geschnitten";
                        break;
                      case 1:
                        document.getElementById('ausgabe').innerHTML = "Preise bei normal / geschnitten und ge&ouml;st";
                        break;
                      case 2:
                        document.getElementById('ausgabe').innerHTML = "Preise bei normal / ges&auml;umt und ge&ouml;st";
                        break;
                    }
                    break;
                  case 1:
                    switch(verarbeitung) {
                      case 0:
                        document.getElementById('ausgabe').innerHTML = "Preise bei schnell / nur geschnitten";
                        break;
                      case 1:
                        document.getElementById('ausgabe').innerHTML = "Preise bei schnell / geschnitten und ge&ouml;st";
                        break;
                      case 2:
                        document.getElementById('ausgabe').innerHTML = "Preise bei schnell / ges&auml;umt und ge&ouml;st";
                        break;
                    }
                    break;
                  case 2:
                    switch(verarbeitung) {
                      case 0:
                        document.getElementById('ausgabe').innerHTML = "Preise bei express / nur geschnitten";
                        break;
                      case 1:
                        document.getElementById('ausgabe').innerHTML = "Preise bei express / geschnitten und ge&ouml;st";
                        break;
                      case 2:
                        document.getElementById('ausgabe').innerHTML = "Preise bei express / ges&auml;umt und ge&ouml;st";
                        break;
                    }
                    break;
                }
            }
        </script>
     
    </head>
     
    <body onload="ausgabe();">
     
        <!-- Auswahl -->
        <form>
            <table>
                <tr>
                    <td>Lieferzeit</td>
                    <td>
                        <select id="lieferzeit" onChange="ausgabe();">
                            <option>normal</option>
                            <option>schnell</option>
                            <option>express</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Verarbeitung</td>
                    <td>
                        <select id="verarbeitung" onChange="ausgabe();">
                            <option>nur geschnitten</option>
                            <option>geschnitten und ge&ouml;st</option>
                            <option>ges&auml;umt und ge&ouml;st</option>
                        </select>
                    </td>
                </tr>
            </table>
        </form>
     
        <!-- Ausgabe -->
        <p id="ausgabe"></p>
     
    </body>
     
    </html>

    Hoffe, das hilft dir,
    javaDeveloper2011

    PS: natürlich gehört das hier ins Forum JavaScript
    Geändert von javaDeveloper2011 (22.08.11 um 19:40 Uhr)
     

  3. #3
    SE Tutorials.de Gastzugang
    FALSCHES FORUM
    JavaScript hat NICHTS mit Java zu tun !
     

  4. #4
    digimike digimike ist offline Grünschnabel
    Registriert seit
    Aug 2011
    Beiträge
    4
    Hi javaDeveloper2011,

    super, vielen Dank. Genauso habe ich mir das vorgestellt.
    ich bekomme die Formatierungen in der Tat nicht hin. Wäre spitze wenn ich dich darum noch bitten dürfte. Am besten wäre die Ausgabe in einer tabellarischen Form.

    Die Preise wären wie folgt:
    normal, nur geschnitten: 1qm=14,90; 10qm=12,90; 25qm=11,90; 50qm=10,50
    normal, geöst: 1qm=14,90; 10qm=13,90; 25qm=12,90; 50qm=11,50
    normal, gesäumt: 1qm=20,90; 10qm=18,90; 25qm=17,90; 50qm=15,50

    schnell, nur geschnitten: 1qm=16,90; 10qm=15,90; 25qm=14,90; 50qm=12,85
    schnell, geöst: 1qm=18,90; 10qm=17,90; 25qm=16,90; 50qm=13,85
    schnell, gesäumt: 1qm=23,90; 10qm=21,90; 25qm=20,90; 50qm=16,90

    express, nur geschnitten: 1qm=19,90; 10qm=18,50; 25qm=17,20; 50qm=15,90
    express, geöst: 1qm=21,90; 10qm=19,90; 25qm=18,90; 50qm=16,90
    express, gesäumt: 1qm=27,90; 10qm=25,90; 25qm=23,90; 50qm=18,90

    Der erste Wert für 1qm etwas größer, fett und in orange. Die restlichen Werte etwas kleiner (als der normale Fließtext) und in blau. Die restlichen Formatierungen bekomme ich dann schon hin.

    Dafür hast du dann ein T-Shirt bei mit gut, falls du magst, oder auch was anderes. Größe, Farbe und Motiv frei zur Auswahl. Adresse bitte per PM. Herzlichen Dank schon mal.

    Michael
     

  5. #5
    SE Tutorials.de Gastzugang
    @digimike
    Vielleicht solltest du dir dieses Shirt lieber selber kaufen mit den Worten

    Java != JavaScript

    und es dir an die Wand hängen.

    Sorry ... aber wer so ignorant selbst einen so AGGRESSIVEN Hinweis missachtet , dem habe ich keine intiligenten Antworten mehr zu entgegnen.
     

  6. #6
    Avatar von javaDeveloper2011
    javaDeveloper2011 javaDeveloper2011 ist offline Mitglied Brokat
    Registriert seit
    Feb 2011
    Beiträge
    445
    Blog-Einträge
    5
    Hallo digimike,

    Ist fertig, ich hoffe du hast es dir vorgestellt.
    Farbig werden jewails nur die Preise (sind doch in €, oder?).
    Die Wert habe ich mindestens 3 mal überprüft, müssten also stimmen, schadet aber natürlich nichts wenn du sie auch nochmal durchgehst.

    Hier der Code:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    
    <html>
     
    <head>
     
        <style>
            #ausgabe td{
                text-align: right;
            }
        </style>
     
        <script type="text/javascript">
            function ausgabe() {
                var lieferzeit = document.getElementById('lieferzeit').selectedIndex;
                var verarbeitung = document.getElementById('verarbeitung').selectedIndex;
                switch(lieferzeit) {
                  case 0:
                    switch(verarbeitung) {
                      case 0:
                        document.getElementById('price1').innerHTML = "14,90&euro;";
                        document.getElementById('price10').innerHTML = "12,90&euro;";
                        document.getElementById('price25').innerHTML = "11,90&euro;";
                        document.getElementById('price50').innerHTML = "10,50&euro;";
                        break;
                      case 1:
                        document.getElementById('price1').innerHTML = "14,90&euro;";
                        document.getElementById('price10').innerHTML = "13,90&euro;";
                        document.getElementById('price25').innerHTML = "12,90&euro;";
                        document.getElementById('price50').innerHTML = "11,50&euro;";
                        break;
                      case 2:
                        document.getElementById('price1').innerHTML = "20,90&euro;";
                        document.getElementById('price10').innerHTML = "18,90&euro;";
                        document.getElementById('price25').innerHTML = "17,90&euro;";
                        document.getElementById('price50').innerHTML = "15,50&euro;";
                        break;
                    }
                    break;
                  case 1:
                    switch(verarbeitung) {
                      case 0:
                        document.getElementById('price1').innerHTML = "16,90&euro;";
                        document.getElementById('price10').innerHTML = "15,90&euro;";
                        document.getElementById('price25').innerHTML = "14,90&euro;";
                        document.getElementById('price50').innerHTML = "12,85&euro;";
                        break;
                      case 1:
                        document.getElementById('price1').innerHTML = "18,90&euro;";
                        document.getElementById('price10').innerHTML = "17,90&euro;";
                        document.getElementById('price25').innerHTML = "16,90&euro;";
                        document.getElementById('price50').innerHTML = "13,85&euro;";
                        break;
                      case 2:
                        document.getElementById('price1').innerHTML = "23,90&euro;";
                        document.getElementById('price10').innerHTML = "21,90&euro;";
                        document.getElementById('price25').innerHTML = "20,90&euro;";
                        document.getElementById('price50').innerHTML = "16,90&euro;";
                        break;
                    }
                    break;
                  case 2:
                    switch(verarbeitung) {
                      case 0:
                        document.getElementById('price1').innerHTML = "19,90&euro;";
                        document.getElementById('price10').innerHTML = "18,50&euro;";
                        document.getElementById('price25').innerHTML = "17,20&euro;";
                        document.getElementById('price50').innerHTML = "15,90&euro;";
                        break;
                      case 1:
                        document.getElementById('price1').innerHTML = "21,90&euro;";
                        document.getElementById('price10').innerHTML = "19,90&euro;";
                        document.getElementById('price25').innerHTML = "18,90&euro;";
                        document.getElementById('price50').innerHTML = "16,90&euro;";
                        break;
                      case 2:
                        document.getElementById('price1').innerHTML = "27,90&euro;";
                        document.getElementById('price10').innerHTML = "25,90&euro;";
                        document.getElementById('price25').innerHTML = "23,90&euro;";
                        document.getElementById('price50').innerHTML = "18,90&euro;";
                        break;
                    }
                    break;
                }
            }
        </script>
     
    </head>
     
    <body onload="ausgabe();">
     
        <!-- Auswahl -->
        <table cellspacing="8">
            <tr>
                <td>Lieferzeit</td>
                <td>
                    <select id="lieferzeit" onChange="ausgabe();">
                        <option>normal</option>
                        <option>schnell</option>
                        <option>express</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Verarbeitung</td>
                <td>
                    <select id="verarbeitung" onChange="ausgabe();">
                        <option>nur geschnitten</option>
                        <option>geschnitten und ge&ouml;st</option>
                        <option>ges&auml;umt und ge&ouml;st</option>
                    </select>
                </td>
            </tr>
        </table>
     
        <!-- Ausgabe -->
        <table id="ausgabe" cellspacing="10">
            <tr>
                <th collspan="2">Preise</th>
            </tr>   
            <tr>
                <td>1qm</td>
                <td id="price1" style="color: orange; font-weight: bold;"></td>
            </tr>
            <tr>
                <td>10qm</td>
                <td id="price10" style="color: blue"></td>
            </tr>
            <tr>
                <td>25qm</td>
                <td id="price25" style="color: blue"></td>
            </tr>
            <tr>
                <td>50qm</td>
                <td id="price50" style="color: blue"></td>
            </tr>
        </table>
     
    </body>
     
    </html>

    @SPiKEe
    Hier ging es doch nur um eine Nachfrage von mir, das Thema wird dann bestimmt auch bald von einem Moderator verschoben.

    Gruß javaDeveloper2011
    digimike bedankt sich. 

  7. #7
    SE Tutorials.de Gastzugang
    Generell hättest du zwar antworten können ... aber hier im Java-Forum hätte erstmal nur der Hinweis auf das JS-Forum gereicht. Eine so ausführliche Antwort hättest du dann im JS-Forum geben können.
     

  8. #8
    digimike digimike ist offline Grünschnabel
    Registriert seit
    Aug 2011
    Beiträge
    4
    Zitat Zitat von SPiKEe Beitrag anzeigen
    @digimike

    Sorry ... aber wer so ignorant selbst einen so AGGRESSIVEN Hinweis missachtet , dem habe ich keine intiligenten Antworten mehr zu entgegnen.
    Sorry, aber dein mit Farben überfrachteter Hinweis ist bei mir glatt als Werbung durch gegangen. Aber vielleicht kannst du mal wieder sachlich werden und einem blutigem Anfänger sagen, wie man einen Thread in ein anderes Unterverzeichnis verschiebt.

    Danke

    p.s. Intelligent ist, wer intelligent richtig schreiben kann...
     

  9. #9
    SE Tutorials.de Gastzugang
    Naja ... wer Java und JavaScript nicht aus ein ander halten kann ist für mich genau so dumm wie wenn man mal das Wort Intelligenz falsch schreibt.
     

  10. #10
    digimike digimike ist offline Grünschnabel
    Registriert seit
    Aug 2011
    Beiträge
    4
    @Spike
    Super, dann erkläre mir doch mal den Unterschied zwischen Prozess Standard Offset und Prozessfarben-Offset.
    Oder Strukturanalyse und strukturelle Analyse.
    oder ...

    Nicht jeder ist als Programmierer geboren. Und ich habe ganz am Anfang kund getan, dass ich bester Absicht in dieses Forum poste.

    Im übrigen hat mit != dies erst auch nichts gesagt. Ist im Mathematik schließlich <> oder ein durchgestrichenes Gleichheitszeichen.

    Und jetzt ist es gut für mich. Vielleicht ist deine Laus auf deiner Leber auch ein Stück weiter gewandert. Ich hoffe es schließlich für dich, denn deine Gesundheit leidet darunter. Viel Glück.
     

Ähnliche Themen

  1. Xpresso + TP: Emitter per Werteliste steuern
    Von grotten im Forum Cinema 4D
    Antworten: 8
    Letzter Beitrag: 13.11.08, 22:23
  2. Mehrdimensionale Liste?
    Von Hardi82 im Forum Java Grundlagen
    Antworten: 6
    Letzter Beitrag: 07.10.08, 17:07
  3. Mehrdimensionale Arrays
    Von -GS-Master im Forum PHP
    Antworten: 3
    Letzter Beitrag: 10.01.07, 19:05
  4. Mehrdimensionale Arrays
    Von Soapp im Forum PHP
    Antworten: 4
    Letzter Beitrag: 06.06.06, 14:35
  5. [c/c++] mehrdimensionale arrays
    Von grillse im Forum C/C++
    Antworten: 11
    Letzter Beitrag: 27.02.04, 15:49

Stichworte