Textbox Inhalt durch button verändern..

[{Skrillex}]

Hallo Liebe Community.

Ich schreibe momentan eine Webmall für ein Spiel.

Ich bin soweit auch Recht zufriedenmit dem Ergebnis..

Ich möchte jedoch ein "neues" Feature installieren..

Undzwar habe ich eine Textbox, in der angegeben wird wie oft man dieses Item Kaufen möchte..

Die Code sieht wie folgt aus:

PHP Code:

<tr><td>Anzahl: </td><td><input type=\"text\" name='buylist[$item_ID]' size=\"1\" maxlength=\"7\"></td></tr> 


Dort muss man jedoch Die Zahl eintippen..

Das möchte ich aber nicht. Ich möchte das man über 2 Button + & Minus die Anzahl Regeln Kann..

Könnt mir da einer Helfen?

Gebe auch ein wenig e*gold..

Grüße

& Gute nacht^^

[Mikesch01]

Naja mit Javascript halt

<script type="text/javascript">
  function calcItem(id, type) {
    var doc = document.getElementByID(id);
    if(type == "add" OR type == "") {
      doc.innerHTML += 1;
    }
    elseif(type == "sub") {
      if(doc.innerHTML > 0) {
        doc.innerHTML -= 1;
      }
    }
  }
</script>

  <button onclick="calcItem('numItems', 'sub');">-</button>
  <input type="text" id="numItems" />
  <button onclick="calcItem('numItems', 'add');">+</button>

[{Skrillex}]

Originally Posted by Mikesch01

Naja mit Javascript halt

<script type="text/javascript">
  function calcItem(id, type) {
    var doc = document.getElementByID(id);
    if(type == "add" OR type == "") {
      doc.innerHTML += 1;
    }
    elseif(type == "sub") {
      if(doc.innerHTML > 0) {
        doc.innerHTML -= 1;
      }
    }
  }
</script>

  <button onclick="calcItem('numItems', 'sub');">-</button>
  <input type="text" id="numItems" />
  <button onclick="calcItem('numItems', 'add');">+</button>

Funktioniert leider nicht..

[Mikesch01]

Achso ups.

<script type="text/javascript">
  function calcItem(id, type) {
    var doc = document.getElementByID(id);
    if(type == "add" OR type == "") {
      doc.value += 1;
    }
    elseif(type == "sub") {
      if(doc.value > 0) {
        doc.value -= 1;
      }
    }
  }
</script>

  <button onclick="calcItem('numItems', 'sub');">-</button>
  <input type="text" id="numItems" value="1" />
  <button onclick="calcItem('numItems', 'add');">+</button>

oder auch leichter:

  <button onclick="document.getElementById('numItems').value -= 1;">-</button>
  <input type="text" id="numItems" value="1" />
  <button onclick="document.getElementById('numItems').value += 1;">+</button>

[{Skrillex}]

Originally Posted by Mikesch01

Achso ups.

<script type="text/javascript">
  function calcItem(id, type) {
    var doc = document.getElementByID(id);
    if(type == "add" OR type == "") {
      doc.value += 1;
    }
    elseif(type == "sub") {
      if(doc.value > 0) {
        doc.value -= 1;
      }
    }
  }
</script>

  <button onclick="calcItem('numItems', 'sub');">-</button>
  <input type="text" id="numItems" value="1" />
  <button onclick="calcItem('numItems', 'add');">+</button>

oder auch leichter:

  <button onclick="document.getElementById('numItems').value -= 1;">-</button>
  <input type="text" id="numItems" value="1" />
  <button onclick="document.getElementById('numItems').value += 1;">+</button>

Hallo,
Das 2 Funktioniert..

Jedoch wird die Zahl angehangen und nicht Addiert...

Bittwe um hilfe

Grüße

[boxxiebabee]

Originally Posted by ϟƘƦƖןןΣ✘

Hallo,
Das 2 Funktioniert..

Jedoch wird die Zahl angehangen und nicht Addiert...

Bittwe um hilfe

Grüße

PHP Code:

  <button onclick="var el = document.getElementById('numItems'); el.value = el.value <= 0 ? 0 : parseInt(el.value, 10) - 1;">-</button>
  <input type="text" id="numItems" value="1" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" onchange="this.value = this.value <= 0 ? 0 : (this.value >= 100 ? 100 : this.value)" />
  <button onclick="var el = document.getElementById('numItems'); el.value = el.value >= 100 ? 100 : parseInt(el.value, 10) + 1;">+</button> 


[{Skrillex}]

Wie füge ich das nun hier ein?

Da ich ja den Javascript nicht in das php einfach einfügen kann..

PHP Code:

  //Anzahl gewaehlter Items in Array mit Key = ItemID schreiben
  echo "<tr><td><input type=\"text\" name='buylist[$item_ID]' size=\"1\" maxlength=\"7\"></td>
        <td><img src=\"".$item['img']."\"></td>
        <td><font color=\"#FD7100\">".$item['ItemTitle']."</font></td>
        <td><font color=\"#FD7100\">".$item['ItemDetail']."</font></td>
        <td><font color=\"#FD7100\">".$item['PriceNow']."</font></td></tr>"; 


[Mozo_]

So sollte es gehen, hab es nicht getestet.

PHP Code:

echo "<tr><td><button onclick=\"var el = document.getElementById('numItems'); el.value = el.value <= 0 ? 0 : parseInt(el.value, 10) - 1;\">-</button> 
  <input type=\"text\" id=\"numItems\" value=\"1\" onkeyup=\"if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')\" onchange=\"this.value = this.value <= 0 ? 0 : (this.value >= 100 ? 100 : this.value)\" disabled /> 
  <button onclick=\"var el = document.getElementById('numItems'); el.value = el.value >= 100 ? 100 : parseInt(el.value, 10) + 1;\">+</button> </td> 
        <td><img src=\"".$item['img']."\"></td> 
        <td><font color=\"#FD7100\">".$item['ItemTitle']."</font></td> 
        <td><font color=\"#FD7100\">".$item['ItemDetail']."</font></td> 
        <td><font color=\"#FD7100\">".$item['PriceNow']."</font></td></tr>"; 


[{Skrillex}]

Funktioniert leider auch nicht

[Mikesch01]

Der Code von boxxiebabee funktioniert doch perfekt!

<?php

 echo "<tr><td><button onclick=\"var el = document.getElementById('numItems'); el.value = el.value <= 0 ? 0 : parseInt(el.value, 10) - 1;\">-</button>".
"<input type=\"text\" name=\"buylist['".$item_ID."']\" id=\"numItems\" size=\"1\" maxlength=\"7\" value=\"1\" onkeyup=\"if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')\" onchange=\"this.value = this.value <= 0 ? 0 : (this.value >= 100 ? 100 : this.value)\" />".
"<button onclick=\"var el = document.getElementById('numItems'); el.value = el.value >= 100 ? 100 : parseInt(el.value, 10) + 1;\">+</button></td>".
"<td><img src=\"".$item['img']."\"></td>".
"<td><font color=\"#FD7100\">".$item['ItemTitle']."</font></td>".
"<td><font color=\"#FD7100\">".$item['ItemDetail']."</font></td>".
"<td><font color=\"#FD7100\">".$item['PriceNow']."</font></td></tr>"; 

?>

Bitte nächstes mal wenn etwas nicht funktioniert, auch angeben, was genau nicht geht

[{Skrillex}]

Originally Posted by Mikesch01

Der Code von boxxiebabee funktioniert doch perfekt!

<?php

 echo "<tr><td><button onclick=\"var el = document.getElementById('numItems'); el.value = el.value <= 0 ? 0 : parseInt(el.value, 10) - 1;\">-</button>".
"<input type=\"text\" name=\"buylist['".$item_ID."']\" id=\"numItems\" size=\"1\" maxlength=\"7\" value=\"1\" onkeyup=\"if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')\" onchange=\"this.value = this.value <= 0 ? 0 : (this.value >= 100 ? 100 : this.value)\" />".
"<button onclick=\"var el = document.getElementById('numItems'); el.value = el.value >= 100 ? 100 : parseInt(el.value, 10) + 1;\">+</button></td>".
"<td><img src=\"".$item['img']."\"></td>".
"<td><font color=\"#FD7100\">".$item['ItemTitle']."</font></td>".
"<td><font color=\"#FD7100\">".$item['ItemDetail']."</font></td>".
"<td><font color=\"#FD7100\">".$item['PriceNow']."</font></td></tr>"; 

?>

Bitte nächstes mal wenn etwas nicht funktioniert, auch angeben, was genau nicht geht

Hi,
Ja Funktionieren tuht er, ich habe total vergessen zusagen,dass der Ganze Code in einer Form action angegeben ist..


Das ist so insgesammt aus..

PHP Code:

//Alle auf aktiv gesetzten Angebote aus der GameMall Tabelle holen und anzeigen
$query_Item = "SELECT * FROM GameMall WHERE Active = 'True'";
$result_Item = mssql_query($query_Item);
echo "<form action=\"cart.php\" method=\"post\">";
while($item = mssql_fetch_assoc($result_Item))
  {
  $item_ID = $item['ItemID'];
  
  //Anzahl gewaehlter Items in Array mit Key = ItemID schreiben
echo "<tr><td><button onclick=\"var el = document.getElementById('numItems'); el.value = el.value <= 0 ? 0 : parseInt(el.value, 10) - 1;\">-</button> 
  <input type=\"text\" id=\"numItems\" value=\"1\" onkeyup=\"if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')\" onchange=\"this.value = this.value <= 0 ? 0 : (this.value >= 100 ? 100 : this.value)\" disabled /> 
  <button onclick=\"var el = document.getElementById('numItems'); el.value = el.value >= 100 ? 100 : parseInt(el.value, 10) + 1;\">+</button> </td> 
        <td><img src=\"".$item['img']."\"></td> 
        <td><font color=\"#FD7100\">".$item['ItemTitle']."</font></td> 
        <td><font color=\"#FD7100\">".$item['ItemDetail']."</font></td> 
        <td><font color=\"#FD7100\">".$item['PriceNow']."</font></td></tr>
        </table></div>";        
  }

echo '<div class="clear"></div>';
  
//Ein Paar Buttons fuer Warenkorb, Einkaufshistorie und, wenn GM, Mall Admin
if ($lang_sel == 'en')
  {
  echo "<br><input type=\"submit\" value=\"Go to Cart\"> - <a href='logout.php'>Logout</a>";
  }
else
  {
  echo "<br><input type=\"submit\" value=\"Zum Warenkorb\">";
  }

if ($lang_sel == 'en')
  {
  echo "";
  }
else
  {
  echo "";
  }

echo "</form>"; 


Sobald ich auf den + oder - button klicke wird leider die Form action ausgeführt..

Eine lösung?

[Tasiro]

<button onclick="...; return false;" />

Wenn ein Wert zurückgegeben wird, der zu false ausgewertet wird, wird die Standardaktion nicht ausgeführt: ein Link leitet nicht weiter, ein Formular wird nicht abgesendet.
Ich hielte es aber für besser, wenn auf onclick - Attribute verzichtet würde und stattdessen ein script - Element eingefügt würde...