Aggiornamento campo calcolato

pes

Nuovo Utente
12 Mar 2013
10
0
0
Buongiorno a tutti.
Dati i campi:
"partenza" dove l'utente immette ora e minuti (senza la data)
"durata" dove l'utente immette la durata in ora e minuti del viaggio

è possibile creare il campo "arrivo" in cui viene calcolata l'ora di arrivo, sommando alla partenza la durata, senza fare il ricaricamento di tutta la pagina? Tipo: una volta che ho immesso la partenza e la durata il campo arrivo viene compilato in automatico.

E' fantascienza o con uno script di potrebbe fare?
 

helpdesk

Utente Attivo
30 Set 2009
726
0
0
Pesaro
Ciao, potresti fare una cosetta di questo tipo:
Bisogna complicarsi un attimo la vita per dirgli di fare il calcolo
ma con qualche forzatura si può. :)
L'output finale sarà l'orario d'arrivo corretto ovvero 13:16.

PHP:
<script>
 
 var partenza=9.55;
 var durata=3.61;
 var durata_viaggio=parseFloat(((partenza)+(durata)).toFixed(2));
 var d=durata_viaggio=String(durata_viaggio);
 var orario_pulito= d.replace(".",":");
 var orario_arrivo="Orario d'arrivo: "+orario_pulito+"";
 alert(orario_arrivo);

</script>
 

pes

Nuovo Utente
12 Mar 2013
10
0
0
Intanto ringrazio per l'interessamento.
Purtroppo non saprei come integrare lo script postato con il codice che ho che è questo

Codice PHP
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Configurazioni di sistema</title>
</head>

<body>

<table width="614" height="295" border="1">
  <tr>
    <th width="118" scope="col">&nbsp;</th>
    <th colspan="2" scope="col">LINEA 1</th>
  </tr>
  <tr>
    <th height="25" scope="row">&nbsp;</th>
    <td><div align="center">Ore</div></td>
    <td><div align="center">Min.</div></td>
  </tr>
  <tr>
    <th height="43" scope="row">Ora partenza</th>
    <td width="75"><div align="center">
          <select name="OraPartenza" id="OraPartenza">
            <?php
		echo "<option selected=\"selected\">";
		echo "</option>";
		$i = 0;
		while ($i <= 23) {
			echo "<option>";
			echo $i;
			echo "</option>";
			$i++;
		}
	    ?>
          </select>    
    </div></td>
    <td width="75"><div align="center">
          <select name="MinPartenza" id="MinPartenza">
            <?php
                echo "<option selected=\"selected\">";
                echo "</option>";
                $i = 0;
                while ($i <= 59) {
                        echo "<option>";
                        echo $i;
                        echo "</option>";
                        $i++;
                }
            ?>
          </select>
    </div></td>
   </tr>
  <tr>

    <th height="48" scope="row">Durata</th>
    <td><div align="center">
          <select name="OreDurata" id="OreDurata">
            <?php
                echo "<option selected=\"selected\">";
                echo "</option>";
                $i = 0;
                while ($i <= 23) {
                        echo "<option>";
                        echo $i;
                        echo "</option>";
                        $i++;
                }
            ?>
          </select>
    </div></td>
    <td><div align="center">
          <select name="MinDurata" id="MinDurata">
            <?php
                echo "<option selected=\"selected\">";
                echo "</option>";
                $i = 0;
                while ($i <= 59) {
                        echo "<option>";
                        echo $i;
                        echo "</option>";
                        $i++;
                }
            ?>
          </select>
    </div></td>
   </tr>
  <tr>
    <th height="48" scope="row">&nbsp;</th>
    <td><form id="form2" name="form2" method="post" action="">
      <label>
        <div align="center">
          <input type="text" name="OraArrivo" id="OraArrivo" />
        </div>
      </label>
    </form></td>
    <td><form id="form1" name="form1" method="post" action="">
      <label>
        <div align="center">
          <input type="text" name="MinArrivo" id="MinArrivo" />
        </div>
      </label>
    </form></td>
  </tr>
  <tr>
  
  </tr>
</table>
</body>

</html>

In pratica ho i campi dove faccio inserire all'utente l'orario di partenza e la durata.
Quello che mi servirebbe è che dopo l'inserimento di questi dati i campi "OraArrivo" e "MinArrivo" venissero compilati in automatico, senza dover aggiornare la pagina.
Se fosse impossibile mi potrei "accontentare" anche di un alert come mi hai suggerito nello script che comunque non riesco ad integrare.
Saresti così gentile da aiutarmi ulteriormente? Grazie ancora in anticipo.
 

helpdesk

Utente Attivo
30 Set 2009
726
0
0
Pesaro
Ciao, ecco qua adattato al tuo script.
Ho inserito una sola logica condizionale relativa all'ora
ma puoi arricchirlo con ulteriori logiche.
Ovviamente se vuoi registrare il calcolo nel db dovrai mandare
il calcolo a PHP che ti permetterà di immagazzinare i valori.

PHP:
<script>
     
  function minutiJs(){
	  var ora= document.getElementById("Ora_Partenza");
	  var minuti= document.getElementById("Minuti_Partenza");
	  var ora_durata= document.getElementById("Ora_Durata");
	  var minuti_durata= document.getElementById("Minuti_Durata");
	  var o=parseInt(ora.options[ora.selectedIndex].value);
	  var ods=parseInt(ora_durata.options[ora_durata.selectedIndex].value);
	  var m=parseInt(minuti.options[minuti.selectedIndex].value);
	  var mds=parseInt(minuti_durata.options[minuti_durata.selectedIndex].value);
	  var h=document.form2.OraArrivo.value=o+ods;
	  var m=document.form1.MinArrivo.value=m+mds;
	
	if(h>="24"){
	   h=h-24;
	   var h=document.form2.OraArrivo.value=h;
	 }
  }
 
 </script>

<body>

<table width="614" height="295" border="1">
  <tr>
    <th width="118" scope="col">&nbsp;</th>
    <th colspan="2" scope="col">LINEA 1</th>
  </tr>
  <tr>
    <th height="25" scope="row">&nbsp;</th>
    <td><div align="center">Ore</div></td>
    <td><div align="center">Min.</div></td>
  </tr>
  <tr>
    <th height="43" scope="row">Ora partenza</th>
    <td width="75"><div align="center">
    <select onchange="minutiJs()" id="Ora_Partenza">
     <option value="9">9</option>
     <option value="21">21</option>
     <option value="15">15</option>
   </select>
  </div></td>
  <td width="75"><div align="center">
     <select onchange="minutiJs()" id="Minuti_Partenza">
      <option value="20">20</option>
      <option value="15">15</option>
      <option value="25">25</option>
     </select>
    </div></td>
   </tr>
  <tr>
   <th height="48" scope="row">Durata</th>
     <td><div align="center">
     <select onchange="minutiJs()" id="Ora_Durata">
      <option value="3">3</option>
      <option value="2">2</option>
      <option value="5">5</option>
     </select>
    </div></td>
    <td><div align="center">
     <select onchange="minutiJs()" id="Minuti_Durata">
      <option value="20">20</option>
      <option value="41">41</option>
      <option value="15">15</option>
     </select>
    </div></td>
   </tr>
  <tr>
    <th height="48" scope="row">&nbsp;</th>
    <td><form id="form2" name="form2" method="post" action="">
      <label>
        <div align="center">
          <input type="text" name="OraArrivo" id="OraArrivo">
        </div>
      </label>
    </form></td>
    <td><form id="form1" name="form1" method="post" action="">
      <label>
        <div align="center">
          <input type="text" name="MinArrivo" id="MinArrivo">
        </div>
      </label>
    </form></td>
  </tr>
  <tr>
  
  </tr>
</table>
 

pes

Nuovo Utente
12 Mar 2013
10
0
0
Grazie 1000. Appena ho un attimo lo provo e ti faccio sapere...
 
Discussioni simili
Autore Titolo Forum Risposte Data
L [Javascript] Drag and drop. Aggiornamento Campo Javascript 2
E Php aggiornamento tabella PHP 9
A Aggiornamento Windows blocca PC Windows e Software 1
A Tabella con bottoni per aggiornamento record PHP 6
Cosina script data aggiornamento pagina Javascript 1
L non duplicare dati in stato "aggiornamento" PHP 6
S Aggiornamento lista record Database 2
C Aggiornamento automatico da un sito ad un’altro WordPress 0
R aggiornamento valore db in base all'orario PHP 1
strambotto Query di aggiornamento MS Access 0
S [PHP] aggiornamento table tramite select senza ricaricare la pagina PHP 5
A [WordPress] Aggiornamento tema - non apre più il sito WordPress 0
Max 1 Aggiornamento Windows Windows e Software 1
A [HTML] alternative a Google Maps - aggiornamento condizioni giugno 2018 HTML e CSS 6
Y [PHP] Aggiornamento sito PHP 8
N Cerco sviluppatore ASP per aggiornamento sito e-commerce esistente Offerte e Richieste di Lavoro e/o Collaborazione 0
momeraths [WordPress] cURL error: problema aggiornamento/installazione plugin WordPress 4
D [WordPress] Aggiornamento a php 5.6 causa blackout del sito WordPress 2
alessandroz Select ... where... AND... aggiornamento PHP non funziona PHP 9
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M alert dopo aggiornamento automatico pagina php PHP 4
crealatualista [PHP] Aggiornamento data e ora PHP 2
V [PHP] aggiornamento automatico immagini sito web PHP 3
booklisa Errori wordpress personalizzazione tema post aggiornamento 4.7 CMS (Content Management System) 0
Eugene [PrestaShop v.1.6.1.11] Problemi post aggiornamento CMS (Content Management System) 1
P [PHP] Loop WHILE aggiornamento campi e tabelle. PHP 2
fabryx Aggiornamento automatico periodico dati mySQL PHP 6
M Aggiornamento pagina php con ajax Ajax 2
Monital [Javascript]Barra di aggiornamento in pop pup Javascript 1
S [Javascript] Ultimo aggiornamento Javascript 6
D Creazione, riprogettazione e aggiornamento di siti web Offerte e Richieste di Lavoro e/o Collaborazione 0
E Richiamare funzione Jquery dopo aggiornamento parziale di pagina tramite ajax jQuery 0
P Aggiornamento vecchio sito Webdesign e Grafica 2
PikNuke Query senza aggiornamento pagina Ajax 1
gandalf1959 Aggiornamento di una variabile da un form PHP 7
F Aggiornamento variabili php PHP 1
P Problema tasferimento magento su altro server > mostra pagina "negozio in aggiornamento" Magento 0
T Problema con l'aggiornamento di una tabella <Table> PHP 5
C Aggiornamento automatico tabella db sql PHP 1
I aggiornamento pagina PHP 4
A Aggiornamento Hardware Hardware 1
P Creazione maschera con aggiornamento automatico MS Access 0
S aggiornamento div con passaggio parametri da href Ajax 8
R [CERCO] Redattori per turni di aggiornamento. Giornale di Napoli Offerte e Richieste di Lavoro e/o Collaborazione 0
T Utilizzo Handler per aggiornamento Seek Bar Sviluppo app per Android 4
S aggiornamento url Javascript 10
R query di aggiornamento tabella PHP 2
D Problemi con form aggiornamento dati PHP 4
S Aggiornamento sito web HTML e CSS 16
A Tema RapidNews... aggiornamento. WordPress 0

Discussioni simili