kostenloser Webspace werbefrei: lima-city


jQuery bzw. JS - Stunden aus 2 Zeiten berechnen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    webnfo

    webnfo hat kostenlosen Webspace.

    Hallo

    ich möchte für mehrere Tage die Stunden zwischen zwei Zeiten berechnen.

    je Tag kann User aus DropDown (select) die Zeit "von" und die Zeit "bis" auswählen

    per JS / jQuery sollen damit je Tag die Stunden zwischen den Zeiten berechnet werden,

    BSP: von = 18:30 ... bis = 22:00 ... Ergebnis = 3,5 Stunden
    BSP: von = 16:00 ... bis = 18:00 ... Ergebnis = 2,0 Stunden

    das ganze soll auch über die Tages-Grenze hinweg funktionieren

    BSP: von = 23:30 ... bis = 01:00 ... Ergebnis = 1,5 Stunden
    BSP: von = 22:00 ... bis = 06:00 ... Ergebnis = 8,0 Stunden

    Das Ergebnis soll dann (automatisch per JS / jQuery)
    für den jeweiligen Tag is das input text feld für "Stunden" eingetragen werden

    Beispiel Code siehe hier: http://jsfiddle.net/r53Yj/1/

    Zudem soll auch eine Summe der Stunden im Feld "Stunden Gesamt" ankommen

    leider habe ich dabei Probleme ... mit meiner jQuery .change(function () { }

    + wie nur die Werte (value) für aktuellen Tag ermitteln ... mit id / name selector ?
    + und dann auch nur für diesen Tag die Stunden in das Stunden-Textfeld eintragen


    Die einzelnen Felder (select / input) haben zwar eindeutige IDs, ("von_01", "von_02", etc)
    aber ich bekomme es nicht hin, jeweils nur die zusammen gehörenden
    auszulesen / anzusprechen ... evtl muss ich andere ID-Struktur machen ?? wie?

    also mein
    $( "select" ).change(function () { ... }
    holt immer alle Texte
    aber immer nur den ersten Value .... wie kann ich je für nur 1 Tag (Zeile) auswerten ?

    Ihr könnt gerne mein jsfiddle Code ab-ändern und neue Version hier ver-Linken.
    Danke
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. willstdueswissen

    Kostenloser Webspace von willstdueswissen

    willstdueswissen hat kostenlosen Webspace.

    Ich hätte eine Lösung ohne JQuery, wie besprochen.
    Warum kein JQuery?
    Ich kann kein JQuery.

    Aber in puurem Javascript sieht das so aus.

    <html>
    <head>
    <script type="text/javascript">
    var zeit=0;
    var von, bis;
    function change(von, bis, ergebnis){
            var value = document.getElementById(von).options[document.getElementById(von).selectedIndex].value;
            var value2 = document.getElementById(bis).options[document.getElementById(bis).selectedIndex].value;
            value=value.substr(0, 2)*60+value.substr(3, 2)*1;
            value2=value2.substr(0, 2)*60+value2.substr(3, 2)*1;
            if(value==value2){
            zeit=24*60;
            }else if(value>value2){
            zeit=(24*60)+value;
            }else{
            zeit=value2-value;
            }
            document.getElementById(ergebnis).value=(zeit/60);
    }
    </script>
    </head>
    <body>
    <h1>Stunden</h1>
    <br>
    
    <form name="jump" method="post" action="">
    Tag1
    ... Zeit von: <select id="von_01" onChange="change('von_01', 'bis_01', 'hrs_01');">
    <!-- onChange="change('von_01', 'bis_01', 'hrs_01');" fügst du in jedem Auswahlmenü ein mit den von-Dropbdown und bis-Dropdown Id und die Id wohin das Ergebnis kommt-->
    <!-- es können unendlich viele von/bis _dropdownmenüs berechnet werden -->
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="00:00">00:00</option>
    </select>
    Zeit bis: <select id="bis_01" onChange="change('von_01', 'bis_01', 'hrs_01');">
    
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="00:00">00:00</option>
    </select>
    ..... Stunden: <input id="hrs_01" type="text" name="hrs_01" size="4" maxlength="4">
    OK ... <input type="submit" name="run" value="Speichern">
    </form>
    </body>
    </html>


    Du findest den Quellcode auch bei Github...

    https://github.com/willstdueswissen/vonbisrechner/

    Noch ein tip wenn du mehrere Felder machen möchtest, benutze am besten eine Schleife, mit document.write drin wo du die Id dann mit der schleifen variable setzt, genau so den onchange event

    Beitrag zuletzt geändert: 18.12.2013 15:53:36 von willstdueswissen
  4. Autor dieses Themas

    webnfo

    webnfo hat kostenlosen Webspace.

    Hallo @willstdueswissen

    vielen Dank, schonmal ein ganz guter Ansatz, aber gleich als Github Projekt ?!
    solange man noch am experimentieren / testen / entwickeln ist finde ich JsFiddle besser,
    dort kann man den Code gleich ausführen und neue Version erstellen (ohne Account)
    oder für nur Quellcode gibt es ja auch noch Pastebin, etc.
    .... naja, egal ... ich bin ja nur zu faul mir einen Account anzulegen ... :=)


    Dein Code funktioniert auch, solange von / bis innerhalb von einem Tag ist

    aber wenn ich z.B. von 23:00 Uhr bis 01:00 Uhr mache, dann kommt als Ergebnis = 47
    oder wenn ich z.B. von 23:00 Uhr bis 02:00 Uhr mache, dann kommt als Ergebnis = 47
    ... bei von 23:00 kommt immer 47 raus ... wenn bis kleiner als 23:00 ist (Tagesgrenze)

    oder wenn ich z.B. von 22:00 Uhr bis 01:00 Uhr mache, dann kommt als Ergebnis = 46
    oder wenn ich z.B. von 22:00 Uhr bis 02:00 Uhr mache, dann kommt als Ergebnis = 46
    ... bei von 22:00 kommt immer 46 raus ... wenn bis kleiner als 22:00 ist (Tagesgrenze)


    habe den Code zum Testen mal auf 2 Tage erweitert
    und bei JsFiddle eingetragen ... hier: http://jsfiddle.net/Sm5Dm/
    (da kann man mit Button "Run" den Code ausführen und sieht das Ergebnis)


    ich habe eine Excel Formel dazu, die scheinbar ganz gut funktioniert
    ... hier Zeile 10 der Tabelle, wobei ... D = Zeit von ... und ... E = Zeit bis
    =WENN(ISTKTEXT(D10); WENN(E10>D10;STUNDE(E10-D10)+(MINUTE(E10-D10))/60;STUNDE(1-D10+E10)+ABS((MINUTE(E10)-MINUTE(D10))/60));" ")


    vielleicht kann man ja diese Excel Formel in JavaScript umsetzen,
    bzw. durch Vergleich den "Fehler" finden, der bei Tagesgrenze auftritt.


  5. willstdueswissen

    Kostenloser Webspace von willstdueswissen

    willstdueswissen hat kostenlosen Webspace.

    Ich hatte in dem Code noch eine kleinen rechenfehler drin.
    Habe ich jetzt nochmal bearbeitet es, jetzt muss es funktionieren.
    Jetzt ändert sich die Zeit auch bei:
    von 22:00 bis 01:00
    von 22:00 bis 02:00

    Hier der Code
    <html>
    <head>
    <script type="text/javascript">
    var zeit = 0;
    var von, bis;
    
    function change(von, bis, ergebnis) {
        var value = document.getElementById(von).options[document.getElementById(von).selectedIndex].value;
        var value2 = document.getElementById(bis).options[document.getElementById(bis).selectedIndex].value;
        value = value.substr(0, 2) * 60 + value.substr(3, 2) * 1;
        value2 = value2.substr(0, 2) * 60 + value2.substr(3, 2) * 1;
        if (value == value2) {
            zeit = 24 * 60;
        } else if (value > value2) {
            zeit = (24 * 60) - value2 + value;
        } else {
            zeit = value2 - value;
        }
        document.getElementById(ergebnis).value = (zeit / 60);
    }
    </script>
    </head>
    <body>
    <h1>Stunden</h1>
    <br>
    
    <form name="jump" method="post" action="">
    Tag1
    ... Zeit von: <select id="von_01" onChange="change('von_01', 'bis_01', 'hrs_01');">
    <!-- onChange="change('von_01', 'bis_01', 'hrs_01');" fügst du in jedem Auswahlmenü ein mit den von-Dropbdown und bis-Dropdown Id und die Id wohin das Ergebnis kommt-->
    <!-- es können unendlich viele von/bis _dropdownmenüs berechnet werden -->
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="00:00">00:00</option>
    </select>
    Zeit bis: <select id="bis_01" onChange="change('von_01', 'bis_01', 'hrs_01');">
    
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="00:00">00:00</option>
    </select>
    ..... Stunden: <input id="hrs_01" type="text" name="hrs_01" size="4" maxlength="4">
    OK ... <input type="submit" name="run" value="Speichern">
    </form>
    </body>
    </html>


    auch bei jsfiddle
    http://jsfiddle.net/willstdueswissen/Sm5Dm/2/
    und github
    https://github.com/willstdueswissen/vonbisrechner/

    Beitrag zuletzt geändert: 19.12.2013 9:22:14 von willstdueswissen
  6. Autor dieses Themas

    webnfo

    webnfo hat kostenlosen Webspace.

    naja ... fast ... bei Deiner neuen Version ( jsfiddle ) kommt

    von 22:00 bis 01:00 ---> 45 Stunden
    von 22:00 bis 02:00 ---> 44 Stunden

    ich habe auch noch einmal die Rechnung selber neu überarbeitet,
    bei mir funktioniert es jetzt .... siehe meine neue Version: http://jsfiddle.net/Sm5Dm/3/

    von 22:00 bis 01:00 ---> 3 Stunden
    von 22:00 bis 02:00 ---> 4 Stunden

    diie neue Berechnung sieht bei mir so aus

    <html>
    <head>
    <title>Stunden</title>
    
    <script type="text/javascript">
    
    var zeit = 0;
    var von, bis;
    
    function change(von, bis, ergebnis) {
        var value1 = document.getElementById(von).options[document.getElementById(von).selectedIndex].value;
        var value2 = document.getElementById(bis).options[document.getElementById(bis).selectedIndex].value;
        value1 = value1.substr(0, 2) * 60 + value1.substr(3, 2) * 1;
        value2 = value2.substr(0, 2) * 60 + value2.substr(3, 2) * 1;
        
        if (value1 == value2) {
            zeit = 24 * 60;
        } else if (value1 > value2) {
            zeit = (((24 - (value1/60)) + (value2/60)) * 60);
        } else {
            zeit = value2 - value1;
        }
        
        var hrs = (zeit / 60); 
        
        document.getElementById(ergebnis).value = hrs
    	
    }
    </script>
    
    </head>
    <body>
    <h1>Stunden</h1>
    
    <br>
     
    <form name="jump" method="post" action="">
    
     Tag1 
    
     ... Zeit von: <select id="von_01" onChange="change('von_01', 'bis_01', 'hrs_01');"> 
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="24:00">24:00</option>
    </select>
    
     ... Zeit bis: <select id="bis_01" onChange="change('von_01', 'bis_01', 'hrs_01');"> 
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="24:00">24:00</option>
    </select>
    
     ... Stunden: <input id="hrs_01" type="text" name="hrs_01" size="4" maxlength="4">
    
    <br>
    <br>
    
     Tag2 
    
     ... Zeit von: <select id="von_02" onChange="change('von_02', 'bis_02', 'hrs_02');"> 
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="00:00">00:00</option>
    </select>
    
    ... Zeit bis: <select id="bis_02" onChange="change('von_02', 'bis_02', 'hrs_02');"> 
    <option value="00:00">00:00</option>
    <option value="00:30">00:30</option>
    <option value="01:00">01:00</option>
    <option value="01:30">01:30</option>
    <option value="02:00">02:00</option>
    <option value="02:30">02:30</option>
    <option value="03:00">03:00</option>
    <option value="03:30">03:30</option>
    <option value="04:00">04:00</option>
    <option value="04:30">04:30</option>
    <option value="05:00">05:00</option>
    <option value="05:30">05:30</option>
    <option value="06:00">06:00</option>
    <option value="06:30">06:30</option>
    <option value="07:00">07:00</option>
    <option value="07:30">07:30</option>
    <option value="08:00">08:00</option>
    <option value="08:30">08:30</option>
    <option value="09:00">09:00</option>
    <option value="09:30">09:30</option>
    <option value="10:00">10:00</option>
    <option value="10:30">10:30</option>
    <option value="11:00">11:00</option>
    <option value="11:30">11:30</option>
    <option value="12:00">12:00</option>
    <option value="12:30">12:30</option>
    <option value="13:00">13:00</option>
    <option value="13:30">13:30</option>
    <option value="14:00">14:00</option>
    <option value="14:30">14:30</option>
    <option value="15:00">15:00</option>
    <option value="15:30">15:30</option>
    <option value="16:00">16:00</option>
    <option value="16:30">16:30</option>
    <option value="17:00">17:00</option>
    <option value="17:30">17:30</option>
    <option value="18:00">18:00</option>
    <option value="18:30">18:30</option>
    <option value="19:00">19:00</option>
    <option value="19:30">19:30</option>
    <option value="20:00">20:00</option>
    <option value="20:30">20:30</option>
    <option value="21:00">21:00</option>
    <option value="21:30">21:30</option>
    <option value="22:00">22:00</option>
    <option value="22:30">22:30</option>
    <option value="23:00">23:00</option>
    <option value="23:30">23:30</option>
    <option value="00:00">00:00</option>
    </select>
    
     ... Stunden: <input id="hrs_02" type="text" name="hrs_02" size="4" maxlength="4">
    
    <br>
    <br>
    
     ... OK ... <input type="submit" name="run" value="Speichern">
     
    </form>
    
    <br>
    <br>
    
    </body>
    </html>


    habe aus der Variable value mal value1 gemacht,
    weil "value" in JS schon selbst eine "Bedeutung" hat

    die entscheidende Teil in meiner neuen Berechnung ist:
    ...
    else if (value1 > value2) { 
    zeit = (((24 - (value1/60)) + (value2/60)) * 60);
    }


    und es sieht so aus, als ob es damit funktioniert, habe es bischen getestet :=)

    PS: Du kannst (wenn es funktioniert) meinen Code auch in dein github übernehmen :=)

    Jetzt brauch ich das ganze noch für 31 Tage
    und mit Summe: Stunden Gesamt (alle Tage) am Ende

    EDIT:
    ... habe mal vesucht die onChange Funktion nur den Tag als eizigen Wert zu übergeben
    z.b:
    onChange="change('02')"
    ... und nicht alle 3 IDs in Funktions-Aufruf
    die Funktion soll dann aus übergebenem Tag (z.B: '02') die Strings der 3 IDs selber bauen

    function change(d) { 
    
    	var von = "von_" + d; 
    	var bis = "bis_" + d; 
    	var ergebnis = "hrs_" + d; 
    	
    	... 
    }


    aber (keine Ahnung warum) das funktioniert irgendwie nicht ... ?!?


    Beitrag zuletzt geändert: 19.12.2013 10:13:00 von webnfo
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!