jQuery Problem - Informationen in einem Textfeld auslesen

08/05/2012 15:31 .Acu�#1

Hey epvp,
habe ein Problem mit jQuery.
Auf einer Produktkonfigurationsseite kann man verschiedene Komponenten w�hlen (also wie bei diesen PC-Konfigurationsseiten von zb Dell).

Je nachdem was gew�hlt ist, �ndert sich der Preis. Jetzt m�chte ich, wenn der Preis eine bestimmte H�he erreicht automatisch 10% Rabatt anzeigen lassen.

Das Problem: Ich wei� nicht, wie ich das Feld Live �berwachen soll. Sowas wie "keydown" oder so geht ja nicht, da es kein Eingabefeld ist.

Hat da jemand eine L�sung?:>
LG, Acu�

08/05/2012 16:38 PseudoPsycho#2

Was ist das denn dann?
Eine Selectbox? -> onChange

08/05/2012 16:52 .Acu�#3

Der Gesamtpreis wird so ausgegeben:

Code:

<span class="netto"> ... </span>

�ber eine If Anweisung kann ich ja rausfinden ob ein gewisser Wert erreicht ist also zb

Code:

if($('.netto').text() == '300.00€') {
       $('p.rabatt').fadeIn("fast");
}

Die Frage ist nur, wie ich das immer wieder nachpr�fe. Weil so wird es ja nur beim Laden der Seite �berpr�ft, und nicht wenn sich der Preis �ndert. Da scheiter ich grade irgendwie..

08/05/2012 17:03 epiTR#4

Code:

$('.netto').onChange(function() {
if($('.netto').text() == '300.00€') {
       $('p.rabatt').fadeIn("fast");
}
});

Damit sollte es funktionieren.

08/05/2012 17:23 .Acu�#5

Leider nein, da tut sich garnichts.

[17:22:12.949] $(".netto").OnChange is not a function

08/05/2012 17:46 kissein#6

Lass serverseitig ein hiddenfield/id setzen auf welches das jquery script seine �berpr�fung f�hrt.

Ich weiss das die meisten mit javascript im internet unterwegs sind, aber dieser werte w�rde ich alles serverseitig steuern. Jquery w�rde ich hierf�r nur die Effekte benutzen aber keine werteberechnung, dass sollte alles vom server geliefert werden.

08/05/2012 21:18 Fratyr#7

Quote:

$('.netto').onChange(function() {
if($('.netto').text() == '300.00€') {
$('p.rabatt').fadeIn("fast");
}
});

W�re mir pers�nlich neu das jQuery seine Event Funktionen mit dem "on" Pr�fix versehen sind. Die korrekte Funktion w�rde also simpel "change" und nicht "onchange" lauten.

08/05/2012 21:23 .Acu�#8

Richtig, aber auch damit geht es leider nicht.. [Only registered and activated users can see links. Click Here To Register...]
Noch jemand?

08/05/2012 21:59 PseudoPsycho#9

Naja, �ber <span> lassen sich ja keine Nutzereingaben bewerkstelligen (zumindest nicht ohne das HTML5 "contenteditable" Attribut).
Wahrscheinlich wird der Inhalt also mit einer JS-Funktion erzeugt und die m�sstest du abfangen k�nnen, wenn du wei�t, wie sie hei�t. ;)

Edit: Wenn es nur beim Laden serverseitig gesetzt wird, so w�re $(document).ready() die korrekte Methode.

08/05/2012 22:18 .Acu�#10

Genau, der Inhalt wird mit JS erzeugt. Es soll nicht nur beim Laden sein, sondern eben immer aktualisiert werden.. dass es beim Laden klappt ist kein Problem.

Aber ich hab inzwischen eine L�sung:
Man kann ja mehrere Radiobuttons w�hlen und bei jedem mal wenn jmd was ausw�hlt wird eine Funktion aufgerufen die schaut ob jetzt ein Rabatt m�glich ist.

Danke euch trotzdem :>

08/06/2012 11:21 kissein#11

Quote:

Originally Posted by .Acu�

Genau, der Inhalt wird mit JS erzeugt. Es soll nicht nur beim Laden sein, sondern eben immer aktualisiert werden.. dass es beim Laden klappt ist kein Problem.

JSON ist deine L�sung
[Only registered and activated users can see links. Click Here To Register...]

08/08/2012 14:45 'Ownii#12

Kannst du es nicht einfach so machen, dass wenn man irgendwas neues ausw�hlt, sodass sich der Preis �ndern, dann �berpr�ft wird ob man in dem Preisbereich ist, wo man die 10% Rabatt bekommt? Oder sehe ich das falsch? Weil das ist denke ich mal am einfachsten o.O

mfg Ownii

08/18/2012 09:24 FR28#13

Code:

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <form action="validate.php" method="POST" target="_self">
      <div class="box">
         <select class="item" name="item[]" size="1">
           <option  value="0" selected="selected">-</option>
           <option  value="1">AMD</option>
           <option  value="2">Intel</option>
         </select>
         <select class="item" name="item[]" size="1">
           <option value="0" selected="selected">-</option>
           <option value="8">MSI</option>
           <option value="9">Asus</option>
         </select>
         <input type="submit" name="go" value="go" />
      </div>
      <div id="price"/>
    </form>
  </body>
</html>

<script type="text/javascript">
  //werte aus DB
  maxPrice=400;
  discount=10;
  // werte aus DB json_encode(array[id][price]);
  priceById=$.parseJSON('{"0":0,"1":100,"2":200,"8":200,"9":300}');

  $('.item').change(function(){
    price=0;
    $(".item option:selected").each(function() {
      price+=parseFloat(priceById[this.value]);
    });
    price=(price>=maxPrice)?price*(1-discount/100)+' Discount 10%':price;
    $('#price').text(price);
  });
</script>

Wenn du eine FormAction hast kannst du das Array $_REQUEST['item'] durchschleifen
und nochmal serverseitig validieren...
das selbe Spiel nachmal

Code:

foreach($_REQUEST['item'] as $id){
   $price+=Db->getPriceById($id);
etc....

die Dropdown Boxen werden natuerlich auch aus der DB generiert....

08/18/2012 20:11 Fratyr#14

Also ich muss ja sagen ich finds irgendwie nett das du generell Fragen mit irgendwelchen Codeschnippseln beantwortest, die l�ngst gekl�rt sind.

PHP Code:


			
  maxPrice=400;
  discount=10;

Das w�re gleichzusetzen wenn du in PHP Variablen mit "global" definierst <.< Sowas is
b�se! Nur so am Rande : o

PHP Code:


			
  var maxPrice=400,
       discount=10;

08/18/2012 21:07 FR28#15

Quote:

Originally Posted by Fratyr

Also ich muss ja sagen ich finds irgendwie nett das du generell Fragen mit irgendwelchen Codeschnippseln beantwortest, die l�ngst gekl�rt sind.

PHP Code:

maxPrice=400; discount=10;

Das w�re gleichzusetzen wenn du in PHP Variablen mit "global" definierst <.< Sowas is
b�se! Nur so am Rande : o

PHP Code:

var maxPrice=400, discount=10;

Nur mal so am Rande

Code:

 var maxPrice=400,
       discount=10; //Global weil nicht in einer Funktion...

Nicht mal Klugscheissen kannst du richtig!

Auserdem sind es keine Codeschnipsel, sondern simple Beispiele die funktionieren...
und nicht irgend ein Kopierter Spagettifizierter Code.