Witam,

Chciałem wykonać dynamiczne liczenie różnicy między godziną A a godziną B

Chodzi o dwa pola input w jednym podajemy godzine 16:20 w drugim 18:40 i cały myk żeby w trzecim polu pokazywała się różnica między tymi polami 02:20 ale bez odświerzania strony.

Chętnie poczytam jakieś tutoriale jak to zrobić lub postaram się dopasować jakiś istniejący kod.

Poczytaj o javascript lub zainteresuj się biblioteką jQuery do javascriptu.

@Crash89 super, i jak to ma niby ma pomoc w problemie? Rownie dobrze mogles napisal by poczytal o historii swiata...

Nie zauważyłem że w temacie matius71 już napisał javascript, ale można napisać w jquery:

[PHP] pobierz, plaintext 
 
var time1 = $('#time1').val();
var time2 = $('#time2').val();
 
var splitTime1 = time1.split(":");
var splitTime2 = time2.split(":");
 
var hours = splitTime1[0] - splitTime2[0];
var minutes = splitTime1[1] - splitTime2[1];
 
$('#result').text(hours + ":" + minutes);
 
[PHP] pobierz, plaintext 

jeszcze możesz dodać zdarzenie keyup, czyli po wpisaniu danych do inputa, skrypt automatycznie zmieniał pole result.

Problem rozwiazales w czystym js... nawet nie wiesz czego uzywasz.
jQuery uzyles tutaj tylko po to by pobrac zawartosc z inputow. Rownie dobrze i krotko mogles to zrobic w czystym js.

Kolejna sprawa ze twoj kod dziala tylko polowicznie.
Ok, dla 16:20 w drugim 18:40 moze nawet zwroci poprawny wynik. A teraz sprobuj dla pary: 16:20 w drugim 18:10

i do zapisania wartości użyłem jquery.
A co do problemu to tutaj trzeba dodać ify, które sprawdzą która wartość jest wyższa lub skorzystać z funkcji wartości bezwzględnej (Math.abs(value)).
Z jquery poleciłem też użyć funkcję keyup.

Chciałem tylko pomóc i nakierować kolegę na rozwiązanie problemu, nie napisać za niego kod.

da wynik 1:-10 ;p
całość należy przeliczyć na minuty lub sekundy zależnie jaka ma być dokładność,
odjąć od siebie i różnice ponownie przeliczyć na godziny i minuty.

Dobra, przeliczanie godziny na min sobie zrobię w php. Mam takie pola formularza:

[HTML] pobierz, plaintext 
<div class="form-row">            
            <div class="form-group col-md-4">
                <label class="control-label">Godzina A</label>
                <input type="time" name="A" id="A" class="form-control input-lg" placeholder="" value="<?php $A ?>" tabindex="1">
            </div>
            <div class="form-group col-md-4">
                <label class="control-label">Godzina B</label>
                <input type="time" name="B" id="B" class="form-control input-lg" placeholder="" value="<?php $B ?>" tabindex="2">
            </div>
            <div class="form-group col-md-4">
                <label class="control-label">Różnica</label>
                <input type="text" name="C" id="C" class="form-control input-lg" placeholder="" value="<?php $C ?>" tabindex="3" disabled>
            </div>
[HTML] pobierz, plaintext 

Może mi ktoś pomóc w osadzeniu tego kodu który jest wyżej tak żeby się coś zaczęło wyświetlać? JS jest mi potrzebne tylko w jednym miejscu więc nie mam za bardzo pojęcia jak to zrobić. Czy wartości w polu "Różnica" będą się zmieniały bez odświeżania strony?

Wielkie dzięki za pomoc.

Użyj do tego np. Ajax'a z JS. Gotowy przykład z MDN:

https://developer.mozilla.org/en-US/docs/We...Getting_Started



W linii powyżej userName to nazwa wartości, którą odbierzesz POST'em w PHP.

Example:

[PHP] pobierz, plaintext 
<?php
$user_name = $_POST['userName'];
if($user_name=='matius'){
   echo 'Hello Matius';
}else{ 
   echo 'Hello there';
}
?>
[PHP] pobierz, plaintext