Buonasera ragazzi,ho creato una pagina "modifica.php" dove posso modificare i parametri del preventivo assicurativo ANCHE con degli slider...i problemi sono due:
1-Come posso stampare su schermo i valori iniziali cioè quei valori che ho scelto quando ho fatto il preventivo? (per fare chiarezza:ho scelto la classe di merito 14 vorrei che aprendo la pagina modifica php lo slider sia posizionato sul valore posizione e sul <p> venga stampato il valore 24 così anche per gli altri parametri);
2-come posso eseguire il calcolo della polizza totale in contemporanea con i cambiamenti che effettuo sui parametri (per esempio se sposto lo slider e modifico la classe di merito anche il premio totale deve cambiare).
Grazie in anticipo.
Codice PHP:
<div class="row">
<form name="formVisualizza" action="" method="POST" id="amos">
<div class="col-md-4 col-md-offset-2">
<label for="classe">Valore classe merito:</label> <p id="stampaClasse"></p>
<input type="range" min="1" max="18" value="<?php echo $classe;?>" id="rangeClasse" oninput="stampaClasse();">
<p id="premio"></p>
<br>
<label for="cilindrata">Cilindrata Veicolo:</label> <p id="stampaCilindrata"></p>
<input type="range" min="883" max="3000" value="<?php echo $cilindrata;?>" id="rangeCilindrata" oninput="stampaCilindrata();">
<p id="coeffCilindrata"></p>
<br>
<label for="alimentazione">Alimentazione aggiuntiva:</label>
<br>
<?php
$pdo=new PDO("mysql:host=localhost; dbname=test","","");
$sql='SELECT tipo FROM alimentazione';
$result=$pdo->query($sql);
echo "<select class='form-control' id='alimentazione' name='alimentazione' onchange='stampaAlimentazione();'>";
foreach($result as $row){
echo"<option value='".$row['tipo']."'>".$row[tipo]."</option>";
}
echo"</select>";
?>
<br>
<p id="coeffAlimentazione"></p>
</div>
<div class="col-md-4">
<br>
<label for="eta">Età Contraente:</label>
<br>
<?php
$pdo=new PDO("mysql:host=localhost; dbname=test","","");
$sql='SELECT eta FROM anno';
$result=$pdo->query($sql);
echo "<select class='form-control' name='eta' id='eta' onchange='stampaEta();'>";
foreach($result as $row){
echo"<option value='".$row['eta']."'>".$row[eta]."</option>";
}
echo"</select>";
?>
<br>
<p id="coeffEta"></p>
<br>
<label for="provincia">Provincia Contraente:</label>
<br>
<?php
$pdo=new PDO("mysql:host=localhost; dbname=test","","");
$sql='SELECT nome FROM province';
$result=$pdo->query($sql);
echo "<select class='form-control' name='provincia' id='provincia' onchange='stampaProvincia();'>";
foreach($result as $row){
echo"<option value='".$row['nome']."'>".$row[nome]."</option>";
}
echo"</select>";
?>
<br>
<p id="coeffProvincia"></p>
<br>
<label for="sinistri">Numero Sinistri ultimi 5 anni:</label>
<br>
<?php
$pdo=new PDO("mysql:host=localhost; dbname=test","","");
$sql='SELECT nsinistri FROM sinistri';
$result=$pdo->query($sql);
echo "<select class='form-control' name='sinistri' id='sinistri' onchange='stampaSinistri();'>";
foreach($result as $row){
echo"<option value='".$row['nsinistri']."'>".$row[nsinistri]."</option>";
}
echo"</select>";
?>
<br>
<p id="coeffSinistri"></p>
<p id="totale" value=""></p>
</div>
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js\bootstrap.min.js"></script>
</body>
</html>
Codice HTML:
function stampaClasse(){
  var slider = document.getElementById("rangeClasse");
  var output = document.getElementById("stampaClasse");
  output.innerHTML = slider.value;
  var xhr=new XMLHttpRequest;
  var classe="classe="+slider.value;
  xhr.open("POST","classe.php",false);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        document.getElementById("premio").innerHTML=xhr.responseText;
          document.getElementById("premio").value=xhr.responseText;
    }
  }
  xhr.send(classe);
}
function stampaCilindrata(){
  var slider = document.getElementById("rangeCilindrata");
  var output = document.getElementById("stampaCilindrata");
  output.innerHTML = slider.value;
  var xhr=new XMLHttpRequest;
  var cilindrata="cilindrata="+slider.value;
  xhr.open("POST","cilindrata.php",false);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        document.getElementById("coeffCilindrata").innerHTML=xhr.responseText;
        document.getElementById("coeffCilindrata").value=xhr.responseText;
    }
  }
  xhr.send(cilindrata);
}
function stampaAlimentazione(){
  var option = document.getElementById("alimentazione").value;
  var xhr=new XMLHttpRequest;
  var alimentazione="alimentazione="+option;
  xhr.open("POST","alimentazione.php",false);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        document.getElementById("coeffAlimentazione").innerHTML=xhr.responseText;
        document.getElementById("coeffAlimentazione").value=xhr.responseText;
    }
  }
  xhr.send(alimentazione);
}
function stampaEta(){
  var option = document.getElementById("eta").value;
  var xhr=new XMLHttpRequest;
  var eta="eta="+option;
  xhr.open("POST","eta.php",false);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        document.getElementById("coeffEta").innerHTML=xhr.responseText;
        document.getElementById("coeffEta").value=xhr.responseText;
    }
  }
  xhr.send(eta);
}
function stampaProvincia(){
  var option = document.getElementById("provincia").value;
  var xhr=new XMLHttpRequest;
  var provincia="provincia="+option;
  xhr.open("POST","provincia.php",false);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        document.getElementById("coeffProvincia").innerHTML=xhr.responseText;
        document.getElementById("coeffProvincia").value=xhr.responseText;
    }
  }
  xhr.send(provincia);
}
function stampaSinistri(){
  var option = document.getElementById("sinistri").value;
  var xhr=new XMLHttpRequest;
  var sinistri="sinistri="+option;
  xhr.open("POST","sinistri.php",false);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        document.getElementById("coeffSinistri").innerHTML=xhr.responseText;
        document.getElementById("coeffSinistri").value=xhr.responseText;
    }
  }
  xhr.send(sinistri);
}