for pokker da. Jeg var så tæt på, men har nu ved en fejl ødelagt det igen.
Jeg kan se, at den kode jeg fik kopieret ind her ikke var den rigtige. Der var en </form> og emailen blev sendt rigtig fint afsted.
Jeg har forsøgt at sætte de kodestumper ind som du foreslår ronols, men det jeg kunne ikke få det til at virke.
Nu er jeg startet (næsten) forfra, og sidder fast et sted hvor jeg ikke gjorde før. Måske I kan hjælpe det sidste på rette vej.
Adressen er den samme: superfly.dk/e4d/app.html
Det meste virker, men når man klikker på Submit-knappen vises en hvid skærm med teksten undefined. Det kan jeg læse mig frem til er fordi den side jeg linker til (send.php) ikke er en jquery mobile side med elementer der er defineret heri. Det er sådan set rigtig nok, men jeg kan ikke gennemskue hvordan/hvornår php-scriptet skal køres for at sende mailen.
Jeg har forsøgt at linke til en dialog/popup når man klikker på submit for at have et mellemstep hvor php'en kunne ligge, men det virker heller ikke. Mellemsteppet tænkte jeg også kunne bruges til at rense/refreshe så når man klikker Ok herfra lander manpå en frisk forside - klar til en ny beregning.
Hvorfor det er en get og ikke en post ved jeg ikke. Det er et kopieret sctipt. Jeg har forsøgt med begge dele, men det funger ikke ligegyldigt hvad.
Kan I hjælpe mig her i varmen?
Koden (som jeg ikke ved hvordan jeg rammer ind her på exp.dk)
JQM+HTML<!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" />
<title>
</title>
<link rel="stylesheet" href="
https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="my.css" />
<style>
/* App custom styles */
</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="field/jquery.field.js"></script> -->
<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^=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 * 4700)-11840)-(qty * 3100)",
// define the variables used in the equation, these can be a jQuery object
{
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);
},
// 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();
$("#grandTotal").text(
// round the results to 2 digits
"Kr. " + sum.toFixed(0)
);
}
);
}
//
</script>
</head>
<body>
<!-- Home -->
<div data-role="page" id="page1">
<div data-theme="a" data-role="header">
<h5>
E4D Beregneren - kan det betale sig?
</h5>
</div>
<div data-role="content" style="padding: 15px">
<div data-role="fieldcontain">
<h1 style="text-align:center;">Hvor mange fuldskeramiske kroner <br/>laver 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>
</div>
<div data-role="fieldcontain" id="total_item_1" style="text-align:center; vertical-align:middle; font-size:70px; margin-left:auto; margin-right: auto; display:block; width:500px; height:75px; border:1px solid #dedede;"></div>
<div style="display:block; width:400px;margin-left:auto; margin-right:auto;"><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>
<a href="#popup" data-direction="reverse" data-role="button" data-theme="b" data-inline="true" style="float:right;">Se forudsætninger</a>
</div>
</div>
</div><!-- /page1 -->
<!-- Start of second page: #page2 -->
<div data-role="page" id="page2">
<div data-role="header">
<h1>Hvem er du?</h1>
</div><!-- /header -->
<div data-role="content">
<h2>Hvem er du?</h2>
<p>En formular som du kan sende</p>
<!-- Formular start -->
<div data-role="content" style="padding: 15px;">
<form action="send.php" method="POST" >
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textinput1">
</label>
<input id="textinput1" placeholder="" value="Navn" name="firstname" type="text" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textinput2">
</label>
<input id="textinput2" placeholder="" value="E-mail" name="e-mail" type="email" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textinput3">
</label>
<input id="textinput3" placeholder="" value="Telefon" name="telefon" type="number" />
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textarea1">
</label>
<textarea id="textarea1" placeholder="" name="besked">
</textarea>
</fieldset>
</div>
<div data-role="fieldcontain" style="width:300px; margin-left:auto; margin-right:auto;">
<fieldset data-role="controlgroup">
<input type="submit" value="Submit Button" />
</fieldset>
</div>
<!-- <input data-inline="true" value="Send information" data-mini="false" type="submit" /> -->
</form> </div>
<!-- Formular slut -->
<!-- <p><a href="#page1" data-role="button" data-inline="true" data-icon="back">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 data-role="content">
<h2>Forudsætninger</h2>
<p>Forudsætninger</p>
<p><a href="#page1" data-role="button" data-inline="true" data-icon="back">Tilbage</a></p>
</div><!-- /content -->
</div><!-- /page popup -->
<script>
</script>
</body>
</html>
PHP <?php
if($_SERVER['REQUEST_METHOD'] == "POST")
{
$message_body = 'Navn: ' . $_POST['firstName'] . '
E-mail: ' . $_POST['e-mail'] . '
Telefon: ' . $_POST['telefon'];
$to = 'pli@plandent.dk';
$subject = 'Der er post';
$message = $message_body;
$headers = 'From: pli@plandent.dk' . "\r\n" .
'Reply-To: ' . $_POST['email'] . "\r\n" .
'X-Mailer: PHP/' . phpversion();
mail($to, $subject, $message, $headers);
header('Location: ' . $_POST['#page2']);
}
else
{
echo 'There is no post information.';
}
?>
