tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von Quaese
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
378
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 30.09.07 23:24 #1
    BadBoy227 BadBoy227 ist offline Mitglied Silber
    Registriert seit
    Sep 2007
    Beiträge
    61
    So jetzt steh ich vor meinem nächsten Problem, ich will einen Rechner erstellen... und habe das jetzt schon so weit hinbekommen:
    PHP-Code:
    <script type="text/javascript">

    function     Rechne1(){
    var     Wert1 = eval(document.Form.test1.value);
    Eco = Wert1*1 +250 ;
    alert(Eco);
    }
    function     Rechne2(){
    var     Wert1 = eval(document.Form.test1.value);
    Bus = Wert1*2 +500 ;
    alert(Bus);
    }
    function     Rechne3(){
    var     Wert1 = eval(document.Form.test1.value);
    First = Wert1*3 +750 ;
    alert(First)
    }
    </script>

    <form name="Form" method="post">

    <input type="text" name="test1">

    <input type="button" value="Eco" onClick="Rechne1();">
    <input type="button" value="Bus" onClick="Rechne2();">
    <input type="button" value="First" onClick="Rechne3();">
    </form> 
    Momentan läuft das ja alles so, dass dann ein Pop up kommt sobald man auf einen Button klickt, ich würde es aber gerne so gestalten, dass man auf einen Button "Berechnen" klickt und das, dass Ergebnis dann im Fenster in drei Spalten zu der jeweilgen Kategorie erscheint, mit php echo hatte ich es schonmal versucht, bin aber gescheitert.

    Danke schonmal für die Hilfe
     
    Zitieren Zitieren
  2. 01.10.07 09:21 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    mein Vorschlag - erstelle eine Tabelle mit drei Spalten. Diese wird zunächst vesteckt. Wird der "Berechnen"-Button
    gedrückt, werden die Werte berechnet, in die entsprechenden Zellen (über die IDs ermittelt) eingetragen und die
    Tabelle angezeigt.
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

    <html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function Rechne1(){
    var Wert1 = eval(document.Form.test1.value);
    Eco = Wert1*1 +250 ;
    alert(Eco);
}
 
function Rechne2(){
    var Wert1 = eval(document.Form.test1.value);
    Bus = Wert1*2 +500 ;
    alert(Bus);
}
 
function Rechne3(){
    var Wert1 = eval(document.Form.test1.value);
    First = Wert1*3 +750 ;
    alert(First)
}
 
function berechnen(){
  var dblValue = eval(document.Form.test1.value);
 
  document.getElementById("ecoID").innerHTML = dblValue * 1 + 250;
  document.getElementById("busID").innerHTML = dblValue * 2 + 500;
  document.getElementById("firstID").innerHTML = dblValue * 3 + 750;
 
  document.getElementById("calcID").style.display = "block";
}
 //-->
</script>
</head>
<body>
 
<form name="Form" method="post">
  <input type="text" name="test1">
 
  <input type="button" value="Eco" onClick="Rechne1();">
  <input type="button" value="Bus" onClick="Rechne2();">
  <input type="button" value="First" onClick="Rechne3();">
  <input type="button" value="Berechnen" onclick="berechnen();">
</form>
<table id="calcID" style="display: none;">
  <tr><th>Eco</th><th>Bus</th><th>First</th></tr>
  <tr>
  <td id="ecoID"></td>
    <td id="busID"></td>
    <td id="firstID"></td>
  </tr>
</table>
</body>
</html>
    Ciao
    Quaese
    BadBoy227 bedankt sich. 
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 01.10.07 13:42 #3
    BadBoy227 BadBoy227 ist offline Mitglied Silber
    Registriert seit
    Sep 2007
    Beiträge
    61
    Hey cool, das ist genauso wie ich es mir vorgestellt hab, vielen vielen Dank

    Grüße
    BB
     
    Zitieren Zitieren
« Seite automatisch drucken | Javascript Platzhalter funktioniert mal und mal nicht. »

Ähnliche Themen

  1. Bild kleiner machen wenn Auflösung kleiner
    Von YelloW22 im Forum CSS
    Antworten: 3
    Letzter Beitrag: 27.12.10, 11:27
  2. Problem mit WLAN zwischen XP-Rechner und Windows7-Rechner
    Von Alex_T im Forum Netzwerke
    Antworten: 3
    Letzter Beitrag: 11.01.10, 06:37
  3. Vernetzung von ein oder mehrere Rechner, um bei einem Rechner die Leistung zu erhöhen
    Von delphinhawe im Forum Hardware
    Antworten: 4
    Letzter Beitrag: 06.01.06, 14:25
  4. IP zu Server bzw. Rechner im LAN über Internet fähigen Rechner Tunneln
    Von wischmopp90 im Forum Microsoft Windows
    Antworten: 4
    Letzter Beitrag: 14.05.05, 12:58