Rechner in html

danny06 · 5. August 2006

Hallo zusammen,

ich werde in Zukunft als Lektor arbeiten, d.h. die Textdateien von anderen überprüfen und korrigieren.
Ich habe schon meine Webseite erstellt, hat gut geklappt!
Ich würde meinen Besuchern gerne noch die Möglichkeit geben, den Gesamtpreis direkt auf meinen Seiten zu berechnen.
Als Eingabefelder sollen nur die Seitenzahl und der evtl. Studentenrabatt einzugeben sein.
Sobald man auf den Button "Berechnen" klickt soll der Rechnungspreis zu sehen sein.

Also z.B. eine Seite kostet 2 € (der Preis für Studenten), sobald der Besucher meiner Seite in das nächste Eingabefeld "Seitenanzahl" z.B. "4" eingibt und er dann auf berechnen klickt, soll dann der Gesamtbetrag (in diesem Fall) "8 €" angezeigt bekommen.

Hat jemand eine URL für so einen html-Code, die Erkärung wie ich so etwas programmiere oder kann mir jemand vielleicht sogar so einen schicken?

Wäre echt super von euch.
Danke im vorraus!

Gruß Danny

booZy · 5. August 2006

Also mit HTML ist das nicht möglich (ist ja auch keine Programmiersprache

).

Am besten macht man das mit JavaScript, hab eben mal kurz google angeschmissen und - den - Link heir gefunden, ist zwar schon ein kompletter Taschenrechner, aber sollte wohl als Hilfe nicht schlecht sein ...

- booZy

ArneSchroeder · 5. August 2006

Hey

Also ich glaube HTML hilft da nich soo viel weiter auser fürs Formular aber mehr nich.
Würde das mit PHP oder Java machen ...

Hier ein beispiel mit PHP:

Datei (kosten.php)

PHP:

<form action="kosten.php" method="POST" target="_Self">
Seiten: <input type="Text" name="pages" value="
<? if (isset($_POST['pages'])) { echo $_POST['pages']; } else {echo "1";}?>">  <br>
<input type="Submit" name="rechnen" value=" Gesammtpreis berechnen">
</form>
<br>
<br>

<? 
$pro_seite =  2;    // hier kannst du die € pro Seite festlegen
if (isset($_POST['pages'])) {
echo "Insgesammt kostet es für ".$_POST['pages']." Seiten ";
echo $_POST['pages']*$pro_seite;
echo " €";
} ?>

Der obereteil is das Formular wo der User seine Seitenzahl eingibt und der untere Teil ist der Teil der angezeigt wird, wenn auf Berechnen geklickt wurde.

mfg
Arne

danny06 · 5. August 2006

Danke schonmal für die Antworten. Ich werde es mal versuchen! Wenn es nicht klappt, melde ich mich noch einmal.

Gruß Danny

danny06 · 5. August 2006

Hallo,
ich bins nochmal, habe fleißig weitergesucht und was Verwertbares gefunden.
Hier der Code für den Rechner, das ist ein einfacher Multiplikator, sobald man zwei Zahlen eintippt errechnet er das Ergebnis.

Code:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>rechnerbeispiel</title>
<script language="JavaScript">
<!--
function multipliziere()
{
var erstezahl, zweitezahl, ergebnis;
erstezahl=window.document.forms[0].elements[0].value;
zweitezahl=window.document.forms[0].elements[1].value;
ergebnis=erstezahl*zweitezahl;
window.document.forms[0].elements[2].value=ergebnis; 
}
// -->
</script>
</head>
<body bgcolor="#ffffff" >
<p></p>
<p>Multiplikator (vor jeder neuen Eingabe bitte l&ouml;schen).</p>
<form name="FormName" >
<input type="text" name="zahl1" size="6" tabindex="0"> mal <input type="text" name="zahl2" size="5" onblur="multipliziere()" onMouseout="multipliziere()"> ergibt <input type="text" name="ausgabe" size="9"> 
<blockquote>
<p> <input type="reset" value="l&ouml;schen"></p>
</blockquote>
</form>
</body>
</html>

Hab den Rechner auf einen Server geladen, könnt ihr euch hier anschauen.
Wie kann ich jetzt die zweite Zahl FESTlegen und das zweite Eingabefeld entfernen.
Sodass man nur noch die Seitenzahl eingeben muss und das Ergebnis dann angezeigt wird?

Danke schonmal.
Gruß Danny

SFDrake1904 · 5. August 2006

Ich gehe jetzt mal von der Zahl 2 als konstante aus:

HTML:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>rechnerbeispiel</title>
<script language="JavaScript">
<!--
function multipliziere()
{
var erstezahl, ergebnis;
erstezahl=window.document.forms[0].elements[0].value;
ergebnis=parseInt(erstezahl*2);
window.document.forms[0].elements[1].value=ergebnis; 
}
// -->
</script>
</head>
<body bgcolor="#ffffff">
<p></p>
<p>Multiplikator (vor jeder neuen Eingabe bitte l&ouml;schen).</p>
<form name="FormName" >
<input type="text" name="zahl1" size="6" tabindex="0" onmouseout="multipliziere()" onblur="multipliziere()"> mal 2 ergibt <input type="text" name="ausgabe" size="9"> 
<blockquote>
<p> <input type="reset" value="l&ouml;schen"></p>
</blockquote>
</form>
</body>
</html>

Es muss nun also nur eine Zahl angegeben werden.

Ich hoffe, ich konnte helfen!

EDIT: Oh, und meines Wissens ist es nicht nötig paragraphs (<p>) zu schließen. Man möge mich berichtigen,wenn ich im Irrtum bin

.
EDIT2: Okay, ich war im Irrtum, hb grad nochmal nachgesehen. Sorry!

danny06 · 6. August 2006

Hallo,

funktioniert genauso wie ich es wollte.

Danke für die Hilfe!
Gruß Danny

Suche

Rechner in html

danny06

Cadet 4th Year

booZy

Lt. Junior Grade

ArneSchroeder

Cadet 3rd Year

danny06

Cadet 4th Year

danny06

Cadet 4th Year

SFDrake1904

Cadet 3rd Year

danny06

Cadet 4th Year

Ähnliche Themen