Echtzeit aktualisierung von Formularfeldern

[sadi]

Hallo auch,
ich möchte gerne ein Formular erstellen, in dem ich in einem Feld etwas Eingebe (eine Zahl) und durch diese Eingabe sollen andere Felder automatisch mit ausgefüllt werden. Sinn des Ganzen soll sein, dass ich einen Nettopeis eingebe und der Bruttopreis und der Gewinn automatisch nachgetragen werden. Wenn dies dann passiert ist, sollen zum Abschluss über einen Sendebutten diese Werte in eine MySQL-Tabelle einegtragen werden. Das eintragen ist aber nicht das Problem.
Vielleicht kennt jemand eine Möglichkeit, wie man per JavaScript eine Echtzeitaktualisierung erreichen kann.

Bis dann, dann

Sascha

 

[flooo]

im input-Tag onChange-Event-Handler einfügen und den wert aus dem input-feld auslesen, den anderen wert ausrechnest und in das andere input-feld schreibst
flooo

 

[Kerwin]

Nur als kurzen Denkanstoß da ich sowas gestern auch gebastelt hatte. Habe da noch bissel PHP eingebaut damit die Preise immer variable gehalten werden können etc.

<script type="text/javascript">
<!--
   
  function get_subpages(){
  	return document.Test.subpages.value * <?=$preis['subpages']?>;
  }
  function get_logo(){
  	if (Test.logo.value =="true") return <?=$preis['logo']?>;
  	else return 0;
   }
  function get_banner(){
  	if (Test.banner.value =="true") return <?=$preis['banner']?>;
  	else return 0;
  }  
  function get_flashintro(){
  	if (Test.flashintro.value =="true") return <?=$preis['flashintro']?>;
  	else return 0;
  }  
  function get_animnavi(){
  	if (Test.animnavi.value =="true") return <?=$preis['animnavi']?>;
  	else return 0;
  }     
   
  function Summe(){
    document.Test.summe.value =  Math.round((  get_subpages() 
                                             + get_logo() 
                                             + get_banner() 
                                             + get_flashintro() 
                                             + get_animnavi()) * 100) / 100;
  }
  
  function conf(){
    var check = window.confirm("Wollen Sie den Auftrag senden(verbindlich)?");
    return check;
  }
// -->
</script>
      <form action="formular.php" method="POST" name="Test" onSubmit="return conf()">
        <table width="70%" cellpadding="1" cellspacing="1">
          <tr>
            <td>Unterseiten je +<?=$preis['subpages']?>€</td>
            <td><input type="text" name="subpages" onKeyup="Summe()"></td>
          </tr>
          <tr>
           ...
           ...
          <tr>
            <td colspan="2" align="center"><input type="submit" name="senden" value="Weiter"></td>
          </tr>  
      </table>    
      </form>

Denke das sollte reichen als Denkanstoß.