Sponsor-Board.de

Weiß jemand zufällig von euch, wie man in einem HTML/PHP Formular den Abfrage und Ausgabewert scriptet, der den aktuellen Preis der jeweiligen Auswahl sofort anzeigt, ohne die Seite neu zu laden?

http://www.silkserver.com/images/formular1.JPG(!https)

Zufälligerweise ja^^
Das müsste mit Javascript am besten umgesetzt werden.
Falls du dabei Hilfe brauchen solltest kann ich dir dabei gerne helfen.
Dazu adde mich einfach auf Skype(moserm96)
MFG

Mit Js in Verbindung mit einer Ajax abfrage wäre die beste Möglichkeit. Gibt tausende toturials im internet. Einfach mal googeln.

Wenn es per JS berechnenbar ist, dann nur Javascript. Wenn es per PHP zu berechnen ist, per AJAX.
Beide Lösungen könnte ich dir als Sponsoring unter Verwendung von jQuery erstellen.

Einfache AJAX Request, funktioniert als HTML, sowie PHP und sonstiges.

Dein Formular:

PHP-Code:

<form action="berechnen.php" method="post" name="formular" id="formular">

  <select name="berechnung1" size="3" multiple>
      <option value="19.99">Gameserver - 19,99 €</option>
      <option value="5.99">TeamSpeak³ Server - 5,99 €</option>
      <option value="6.99">Mumble Server - 6,99 €</option>
   </select>
   
   <select name="berechnung2" size="2" multiple>
      <option value="0">Keine Einrichtung</option>
      <option value="10.99">Mit Einrichtung - 10,99 €</option>
   </select>

    <input type="submit" name="absenden" id="absenden" value="Absenden" />
    
    <div id="ausgabe_gesamt"> </div>
    <div id="ausgabe_netto"> </div>
    <div id="ausgabe_mehrwert"> </div>
    
</form> 

Deine JS Datei:

PHP-Code:

<script type="text/javascript">
    $(document).ready(function() {

      $("#formular").submit(function() { /* Wenn das Formular abgesendet wird */ 

         $.ajax({
             type: "POST",
             url: "berechnen.php",
             data: $("#formular").serialize(),  /* Verarbeitet alle POST-Daten und übergibt diese an die PHP Datei */               
             success: function(data){      /* Wenn erfolgreich, dann führe weitere JS aus */
             
             ajax = eval('(' + data + ')');
                 
             $("#ausgabe_gesamt").html("Monatlicher Preis:" + ajax.gesamt + "€") /* Rückgabewert "GESAMT" */ 
             $("#ausgabe_netto").html("Netto:" + ajax.netto + "€") /* Rückgabewert "NETTO" */ 
             $("#ausgabe_mehrwert").html("Mehrwertsteuer:" + ajax.mehrwert + "€") /* Rückgabewert "MEHRWERT" */ 
           
            }
          });                                  
        return false;   /* Verhindert das Neuladen der Seite */
      });
    
    });
  </script> 

Deine PHP Datei:

PHP-Code:

<?PHP

  $wert1 = $_POST['berechnung1'];
  $wert2 = $_POST['berechnung2'];
  
  $ausgabe['gesamt'] = $wert1 + $wert2; // Wir verpacken das in ein Array und fahren fort
  $ausgabe['netto'] = round($ausgabe['gesamt'] / 119 * 100, 2); // 19% Mehrwertsteuer abgezogen 
  $ausgabe['mehrwert'] = $ausgabe['gesamt'] - $ausgabe['netto']; 
  
  $ausgabe['gesamt'] = str_replace(".", ",", $ausgabe['gesamt']);        // Metrische Formatierung
  $ausgabe['netto'] = str_replace(".", ",", $ausgabe['netto']);          // Metrische Formatierung
  $ausgabe['mehrwert'] = str_replace(".", ",", $ausgabe['mehrwert']);    // Metrische Formatierung
  
  // Anwendung für das Auslesen:
  // Möchtest du mehrere Werte übergeben, musst du das Array natürlich fortsetzen
  // z.B.: $ausgabe['rabatt'], das muss vor dem json_encode passieren, sonst werden die Daten nicht zurückgegeben
  // Danach im JS Teil noch die Daten wieder ausgeben mit: ajax.rabatt
  
  echo json_encode($ausgabe);  // Rückgabewert der PHP-Datei
  
?>

Zu testen auf: [Link: Registrierung erforderlich]

Wenn du es selbst weiterentwickeln willst, hast du damit eine gute Basis, andernfalls musst du dich wohl an jemand anderes wenden.

MfG

Du kannst das ganze wie oben schon geschrieben mit Ajax machen, ist meiner meinung auch die einfachste variante. da du die preisberechnung allein im phpcode hast und javascript nur als hilfe fuer den request un die ausgabe genutzt wuerd, ambesten noch alles schoen via json aber das versteht sich glaub von selbst.

@Splak wenn die preise in den values stehen da kann man es gleich ueber js berechnen und man kann sich das mit ajax sparen.

mit ajax machts nur sinn wenn man preiseberechnen will die sich einwenig komplexer zusammen setzen z.b. wenn man durch bestimmte kombis den preis um 10% sinkt oder wenn man bereits kunde ist noch mal einen rabatt bekommt.

Das Thema heißt: Formular erstellen (PHP)

Dann geh ich davon aus, dass der Herr sich mit JS kaum auskennt und nur paar Werte hinzufügen muss, der Rest läuft dann im Hintergrund einer PHP Datei.

Zudem habe ich jetzt als Beispiel value="GELDWERT" genommen, man kann auch die Artikelnummer nehmen, dann bist du mit AJAX auf der sicheren Seite und brauchst am Ende der Bestellung nicht nochmal einmal überprüfen.

MfG

Da muss man in der Praxis die Artikelnummer nehmen, denn er will die Aushwal ja sicher auch auswerten.

Wenn solide JS-Kenntnisse vorhanden sind und es was die Flexibilität oder Änderbarkeit angeht ausreicht würde ich auch voll auf JS setzen um die AJAX-calls zu vermeiden.

Shadowsilk

moser96

Nilss

Schwester Wombat

Splak

KoKsPfLaNzE

Splak

sic_