ik heb geprobeerd het te veranderen in slider bars mmaar dat helpt ook niks, eerst stnd alles behalve het aantal jaar in textarea's, maar dat heb ik net AANgepast..
dit is alles wat op de eerste pagina staat
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Welkom</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">
</script>
</head>
<body>
<div id="pag1" data-role="page" data-theme="b">
<div data-role="header">
<h2>Hypotheek onder Rabobank </h2>
</div>
<div role="main" class="ui-content">
<p><h2><center> Bereken uw hypotheek (op basis van inkomen) kosten bij de Rabobank</center></h2></p>
<form action="hypotheek.php" method="post">
<div><h2>Maandsalaris</h2></div>
<label class="ui-hidden-accessible" for="Maandsalaris">Maandsalaris:</label>
<input name="Maandsalaris" id="Maandsalaris" type="range" min="1" max="99000" step="1" value="3500" data-highlight="true">
<br></br>
<div><h2>13e maand en vakantietoeslag tezamen</h2></div>
<label class="ui-hidden-accessible" for="toeslagen">13e maand en vakantietoeslag tezamen:</label>
<input name="toeslagen" id="toeslagen" type="range" min="0" max="20000" step="10" value="0" data-highlight="true">
<br></br>
<div><h2>Uw burgelijke staat</h2></div>
<label class="ui-hidden-accessible" for="relatie">Uw Burgerlijke staat:</label>
<select name="model" id="model" data-native-menu="false" data-mini="true">
<option value="">Uw Burgerlijke staat</option>
<option value="Alleenstaand">Alleenstaand</option>
<option value="Samenwonend/Getrouwd">Samenwonend/Getrouwd</option>
<option value="Gescheiden">Gescheiden</option>
</select>
<br></br>
<div>Maansalaris partner</div>
<label class="ui-hidden-accessible" for="Maandsalarispartner">Maandsalarispartner:</label>
<input name="Maandsalarispartner" id="Maandsalarispartner" type="range" min="0" max="99000" step="10" value="0" data-highlight="true">
<br></br>
<div>Partneralimentatie</div>
<label class='ui-hidden-accessible' for='partneralimentatie'>Betaalt u partneralimentatie? Zo ja, hoeveel?</label>
<input name="Partneralalimentatie" id="Partneralimentatie" type="range" min="0" max="10000" step="10" value="0" data-highlight="true">
<br></br>
<label for="aantaljaar">Het aantal jaar dat de Hypotheek loopt:</label>
<input name="aantaljaar" id="aantaljaar" type="range" min="1" max="30" step="1" value="1" data-highlight="true">
<label class="ui-hidden-accessible" for="berekenrente">Bereken rente:</label>
<button class="ui-shadow ui-btn ui-corner-all ui-mini" id="berekenrente" type="submit" name="berekenrente">Bereken het rentepercentage (Alles wat u verder invult vervalt als u dit wilt berekenen) </button>
<div>Rentepercentage</div>
</div>
<?php
//if(isset($_POST["verzend"]))
if(isset($_POST["berekenrente"]))
{
// Hier worden alle ingevulde gegevens opgehaald en bewaard in een variabele
$aantaljaar = $_POST["aantaljaar"];
//Hier wordt de rente van commentaar voorzien
if($aantaljaar <= 10)
{
$tekst = "Rentepercentage is 3.2 procent.";
}
elseif($aantaljaar > 10 && $aantaljaar <= 20)
{
$tekst = "Rentepercentage is 2.5 procent.";
}
elseif($aantaljaar > 20 && $aantaljaar <= 31)
{
$tekst = "Rentepercentage is 2 procent.";
}
// Hier wordt de inhoud van de variabelen getoond
echo"<h2>Dat wordt een rente van:</h2>";
echo"$tekst";
}
?>
<br></br>
<label class="ui-hidden-accessible" for="bereken1">Bereken hypotheek:</label>
<button class="ui-shadow ui-btn ui-corner-all ui-mini" id="bereken1" type="submit" name="bereken1">Bereken uw maximale hypotheek:</button>
<br></br>
<div data-role="footer" data-position="fixed">
<h3>Puw&adilEscobar</h3>
<a href="#pag2" class="ui-btn ui-btn-inline" data-role="footer" data-position="absolute" >Bereken onder ING</a>
<a href="#pag3" class="ui-btn ui-btn-inline" data-role="footer" data-position="absolute" >Bereken onder ABN-Amro</a>
<a href="#pag4" class="ui-btn ui-btn-inline" data-role="footer" data-position="absolute" >Bereken onder Regiobank</a>
</div>
</form>
<div class="ui-block-b">
</div>
</div>
<?php
//if(isset($_POST["verzend"]))
if(isset($_POST["bereken1"]))
{
// Hier worden alle ingevulde gegevens opgehaald en bewaard in een variabele
$Maandsalaris = $_POST["Maandsalaris"]*12;
$toeslagen = $_POST["toeslagen"] ;
$Maandsalarispartner = $_POST["Maandsalaris_partner"];
$partneralimentatie = $_POST["partneralimentatie"];
$aantaljaar = $_POST["aantaljaar"];
{
$toetsinkomen = $Maandsalaris + $Maandsalarispartner*1/3 + $toeslagen - $partneralimentatie ;
}
{
$demaximalehypotheek = $maxhypothlast*0.55*360;
}
if($toetsinkomen <= 19500)
{
$maxhypothlast= "$toetsinkomen*0.17/12";
}
elseif($toetsinkomen > 19500 && $toetsinkomen <=20000)
{
$maxhypothlast= "$toetsinkomen*0.17/12";
}
elseif($toetsinkomen > 20000 && $toetsinkomen <= 20500)
{
$maxhypothlast= "$toetsinkomen*0.18/12";
}
elseif($toetsinkomen > 21000 && $toetsinkomen <= 21500)
{
$maxhypothlast= "$toetsinkomen*0.19/12";
}
elseif($toetsinkomen > 21500 && $toetsinkomen <= 22000)
{
$maxhypothlast= "$toetsinkomen*0.205/12";
}
elseif($toetsinkomen > 22000 && $toetsinkomen <= 22500)
{
$maxhypothlast= "$toetsinkomen*0.215/12";
}
elseif($toetsinkomen > 22500 && $toetsinkomen <= 23000)
{
$maxhypothlast= "$toetsinkomen*0.225/12";
}
elseif($toetsinkomen > 23000 && $toetsinkomen <= 23500)
{
$maxhypothlast= "$toetsinkomen*0.235/12";
}
elseif($toetsinkomen > 23500 && $toetsinkomen <= 24000)
{
$maxhypothlast= "$toetsinkomen*0.24/12";
}
elseif($toetsinkomen > 24000 && $toetsinkomen <= 25000)
{
$maxhypothlast= "$toetsinkomen*0.245/12";
}
elseif($toetsinkomen > 25000 && $toetsinkomen <= 26000)
{
$maxhypothlast= "$toetsinkomen*0.255/12";
}
elseif($toetsinkomen > 26000 && $toetsinkomen <= 28000)
{
$maxhypothlast= "$toetsinkomen*0.26/12";
}
elseif($toetsinkomen > 28000 && $toetsinkomen <= 55000)
{
$maxhypothlast= "$toetsinkomen*0.265/12";
}
elseif($toetsinkomen > 55000 && $toetsinkomen <= 58000)
{
$maxhypothlast= "$toetsinkomen*0.27/12";
}
elseif($toetsinkomen > 58000 && $toetsinkomen <= 61000)
{
$maxhypothlast= "$toetsinkomen*0.275/12";
}
elseif($toetsinkomen > 61000 && $toetsinkomen <= 63000)
{
$maxhypothlast= "$toetsinkomen*0.28/12";
}
elseif($toetsinkomen > 63000 && $toetsinkomen <= 65000)
{
$maxhypothlast= "$toetsinkomen*0.285/12";
}
elseif($toetsinkomen > 65000 && $toetsinkomen <= 68000)
{
$maxhypothlast= "$toetsinkomen*0.29/12";
}
elseif($toetsinkomen > 68000 && $toetsinkomen <= 70000)
{
$maxhypothlast= "$toetsinkomen*0.295/12";
}
elseif($toetsinkomen > 70000 && $toetsinkomen <= 75000)
{
$maxhypothlast= "$toetsinkomen*0.30/12";
}
elseif($toetsinkomen > 75000 && $toetsinkomen <= 77000)
{
$maxhypothlast=" $toetsinkomen*0.305/12";
}
elseif($toetsinkomen > 77000 && $toetsinkomen <= 79000)
{
$maxhypothlast= "$toetsinkomen*0.31/12";
}
elseif($toetsinkomen > 79000 && $toetsinkomen <= 85000)
{
$maxhypothlast= "$toetsinkomen*0.315/12";
}
elseif($toetsinkomen > 85000 && $toetsinkomen <= 96000)
{
$maxhypothlast= "$toetsinkomen*0.32/12";
}
elseif($toetsinkomen > 96000 && $toetsinkomen <= 110000)
{
$maxhypothlast= "$toetsinkomen*0.325/12";
}
elseif($toetsinkomen > 110000 && $toetsinkomen <=900000000)
{
$maxhypothlast= "$toetsinkomen*0.33/12";
}
// Hier wordt de inhoud van de variabelen getoond
echo"<h2>Door jou ingevuld:</h2>";
echo"Maandsalaris: $maandsalaris<br />";
echo"Maandsalaris partner: $maandsalarispartner<br />";
echo"Toeslagen: $toeslagen<br />";
echo"Alimentatie: $partneralimentatie<br />";
echo"Door ons berekende Toetsinkomen: $toetsinkomen<br />";
echo"Door ons berekende Maximale maandelijkse Hypotheeklast: $maxhypothlast<br />";
echo"De maximale hypotheek: $demaximalehypotheek<br />";
}
?>
</div>
</div>
</div>