Hejsa
beklager, at der gik så lang tid før jeg kunne vende tilbage. hermed min kode
<!DOCTYPE html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="apple-touch-icon" sizes="72x72" href="home-screen-icon.png" />
<title>
E4D - Hvornår kan det betale sig
</title>
<link rel="stylesheet" href="
https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<style>
/* App custom styles */
input.contact {
margin-left:-25px;
height:30px;
}
#submit {
color: #fff;
font-size: 0;
width: 135px;
height: 60px;
border: none;
margin: 0;
padding: 0;
}
#amount {
margin-left: 285px;
margin-top:-29px;
width:60px;
}
#totalprice {
margin-left: 330px;
margin-top:-29px;
width:60px;
}
#showppunit {
margin-left: 100px;
margin-top:-29px;
width:60px;
}
</style>
<script src="
https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="
https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <script src="my.js">
</script>
<!--// load jQuery Plug-ins //-->
<script type="text/javascript" src="jquery.calculation.js"></script>
<script type="text/javascript">
$(document).ready(
function (){
// update the plug-in version
$("#idPluginVersion").text($.Calculation.version);
// bind the recalc function to the quantity fields
// $("input[name^=qty_item_]").slider("refresh");
$("input[name=ppunit]").bind("change", recalc);//PLI tilføjer
$("input[name^=qty_item_]").bind("change", recalc);
// run the calculation function now
recalc();
//$("#qty_item_1").change(function(){
// var slider_value = $(this).val()
// console.log(slider_value)
// })
}
);
function recalc(){
$("[id^=total_item]").calc(
// the equation to use for the calculation
//"qty * price",
"((qty * (ppunit - 300))-11840) - ((ppunit - 1900) * qty)", //nu med salgspris indregnet i ikke-e4d-scenarie.
//"((qty * (ppunit - 300))-11840)-(qty * 3100)",//PLI retter
// define the variables used in the equation, these can be a jQuery object
{
ppunit: $("input[name=ppunit]"),//PLI tilføjer
qty: $("input[name^=qty_item_1]"),
price: $("[id^=price_item_]")
},
// define the formatting callback, the results of the calculation are passed to this function
function (s){
// return the number as a dollar amount
return "Kr. " + s.toFixed(0);
//return v.replace(/[^0-9.\-]/g, "");
},
// define the finish callback, this runs after the calculation has been complete
function ($this){
// // sum the total of the $("[id^=total_item]") selector
var sum = $this.sum();
var amount = $("input[name^=qty_item_1]").val(); // OK
var showppunit = $("input[name=ppunit]").val();
$("#amount").val(amount);
$("#showppunit").val(showppunit);
$("#totalprice").val(sum);
$("#grandTotal").text(
// round the results to 2 digits
);
}
);
}
//
</script>
</head>
<body>
<!-- Home -->
<div data-role="page" id="page1">
<div data-theme="a" data-role="header">
<h2>
E4D-Beregneren - hvornår kan det betale sig?
</h2>
</div>
<div data-role="content" style="padding: 15px">
<div data-role="fieldcontain">
<h1 style="text-align:center;">Hvor mange fuldkeramiske kroner laver<br/>klinikken om måneden?</h1>
<fieldset data-role="controlgroup">
<label for="qty_item_1">
</label>
<input name="qty_item_1" id="qty_item_1" value="7.4" min="0" max="100" data-highlight="true" type="range" />
</fieldset>
<!--<h1 style="text-align:center;">Hvad betaler patienterne per styk?</h1>
<fieldset data-role="controlgroup">
<label for="ppunit">
</label>
<input name="ppunit" id="ppunit" value="5000" min="3400" max="10000" step="100" data-highlight="true" type="range" />
</fieldset>-->
</div><br/>
<h1 style="text-align:center;">Merindtjening om måneden med E4D:
<div data-role="fieldcontain" id="total_item_1" style="margin-top:10px; text-align:center; vertical-align:middle; font-size:70px; margin-left:auto; margin-right: auto; display:block; width:500px; height:75px; border:0px solid #dedede;"></div></h1>
<div style="display:block; width:400px;margin-left:auto; margin-right:auto; margin-top:-20px;"><a href="#page2" data-direction="reverse" data-role="button" data-theme="b" style="margin-left:auto; margin-right:auto;height:60px;width:400px; font-size:24px;">Vil du høre mere?</a>
</div><br/><br/><br/><br/><br/>
<p><a href="#popup" data-direction="reverse" data-role="button" data-inline="true" style="float:right;">Se forudsætninger</a></p>
</div>
</div><!-- /page1 -->
<!-- Start of second page: #page2 -->
<div data-role="page" id="page2">
<div data-role="header">
<h1>Ja, tak. Jeg vil gerne kontaktes vedrørende E4D</h1>
</div><!-- /header -->
<div data-role="content">
<h1 style="text-align:center;">Skal vi ikke ringe til dig?</h1>
<!-- Formular start -->
<div data-role="content" style="padding: 10px; margin:0 auto; width:700px; border:0px solid black; text-align:center;">
<form action="send.php" method="POST" data-ajax="false" >
<div style="text-align:left; width:440px; margin:0 auto; border:0px solid black;"><p>Antal fuldkeramiske kroner hver måned <input class="locked" id="amount" name="amount" readonly/> <br/>
<!-- Pris per styk: <input id="showppunit" name="showppunit" class="locked" readonly/><br/> -->
Potentiel merindtjening ved investering i E4D: <input class="locked" id="totalprice" name="totalprice" readonly /> </p>
</div>
<p><strong>Jo, tak. Det lyder interessant!</strong><br/> Kontakt mig snarest vedrørende E4D.</p>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input class="contact" id="textinput1" placeholder="Navn" name="firstname" type="text" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input class="contact" id="textinput4" placeholder="Klinik" name="klinik" type="text" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input class="contact" id="textinput2" placeholder="E-mail" name="e-mail" type="email" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input class="contact" id="textinput3" placeholder="Telefon" name="telefon" type="number" />
</fieldset>
</div>
<div style="border:0px solid black; width:300px; margin:0 auto;">
<input data-inline="true" value="Ja, tak. Jeg vil gerne kontaktes" data-mini="false" type="submit" class="contact_submit" /> </div>
</form> </div>
</div>
<!-- Formular slut -->
<br/><br/><br/><br/><br/>
<p><a href="
http://superfly.dk/ipad/m_var/index.html#page1" data-role="button" data-inline="true" data-icon="back" style="float:right;">Ny beregning</a></p>
</div><!-- /content -->
</div><!-- /page two -->
<!-- Start of third page: #popup -->
<div data-role="page" id="popup">
<div data-role="header">
<h1>Forudsætninger</h1>
</div><!-- /header -->
<div style="border:0px solid black; width:500px; margin:0 auto;">
<div data-role="content">
<h2 style="text-align:center;">Forudsætninger</h2>
<p>Vi har sat nedenstående forudsætninger for den beregning der foretaget.<br>
Der tages udgangspunkt i en fuldkeramisk krone. </p>
<ul>
<li>Månedlig leasingudgift til udstyret: kr. 12.500 inkl. moms.</li>
</ul>
<p> </p>
<ul>
<li>Anslået udgift til laboratorium pr. krone: kr. 1.600 inkl. moms.</li>
</ul>
<ul>
<li>Anslået kostpris for en E4D krone inkl. slitage på bor: kr. 300 inkl. moms</li>
</ul>
<p> </p>
<ul>
<li>Anslået kostpris for et provisorium ekskl. medgået tid: kr. 300 inkl. moms</li>
</ul>
<ul>
<li>Salgspris til patient pr. krone: Variabel</li>
</ul>
<p> </p>
<ul>
<li>Forventet antal kroner om måneden: Variabel.</li>
</ul>
</div>
<div style="display:block; width:400px;margin-left:auto; margin-right:auto;">
<a href="#page1" data-role="button" data-theme="b" style="margin-left:auto; margin-right:auto;height:60px;width:400px; font-size:24px;">Tilbage til beregning</a>
</div>
</div><!-- /content -->
</div><!-- /page popup -->
<script>
</script>
</body>
</html>
