php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 06.10.2004, 12:52  
Gast
 
Beiträge: n/a
Standard [Erledigt] Problem: per klick auf Button Wert erhöhen/verringern

Guten Morgen zusammen!

Ich habe nicht so die Ahnung, ehrlich gesagt recht wenig Ahnung von Javascript, bräuchte allerdings ein kleines Skript was ich aus irgendwelchen Gründen nicht hinbekomme.

Das Skript soll folgendermaßen funktionieren.
Ich habe mehrere Formularfelder die "readonly" haben.
Im Oberen Feld wird ein Wert aus einer Datenbank ausgelesen. Dieses wird nur angezeigt. darunter habe ich 3 weitere Formularfelder in denen als Wert 0 vorgegeben ist. Hinter jedem dieser 3 Formularfelder stehen 2 Buttons. Einer mit einem "+" und einer mit einem "-". Nun soll mit einem Klick auf den "+"-Button der Wert in dem Feld hinter dem das + steht um 1 steigen sprich von 0 auf 1. gleichzeitig soll der Wert des Feldes das einen Wert aus der Datenbank ließt um 1 sinken.
Dies soll allerdings nur solange den Effekt haben, solange der Wert in dem Feld das aus der Datenbank gelesen wird nicht = 0 ist.

Habe zwar schon ein Skript geschrieben bekomme dies aber nicht umgesetzt, bzw einen Fehler. Also anbei mal das Skript das ich bisher mir zusammengeschustert habe ^^

Code:
echo "<form action=update.php?id=$id name=update method=post>";
echo "<tr><td><div class=black>a</div></td><td><input type=text 
        size=1 id=a name=a value=".$content[a]."></td></tr>";
echo "<tr><td><span class=black>b:</span></td><td><input 
        type=text size=1 id=b name=b value=".$content[b]." readonly>
        <input type=button value=+ onclick = \"plusminus('incr','b','1','a');\"
        ><input type=button value=- onclick = \"plusminus
        ('decr','b','1','a');\" > </td></tr>";
echo "<tr><td><span class=black>c:</span></td><td><input 
        type=text size=1 id=c name=c value=".$content[c]." readonly> 
        <input type=button value=+ onclick = \"plusminus('incr','c','1','a');\" 
        ><input type=button value=- onclick = \"plusminus
        ('decr','c','1','a');\" ></td></tr>";
echo "<tr><td><span class=black>d:</span></td><td><input 
        type=text size=1 id=d name=d value=".$content[d]." readonly> 
        <input type=button value=+ onclick = \"plusminus('incr','d','1','a');\" 
        ><input type=button value=- onclick = \"plusminus
        ('decr','d','1','a');\" ></td></tr>";
echo "<tr><td colspan=2><input type=submit value=\"Daten 
        aktualisieren...\"></td></tr>";
echo "</form>";
Das dazugehörige Javascript das ich geschrieben habe sieht wie folgt aus

Code:
<script language="JavaScript">
<!--
function plusminus(what,obj,num,a) {
  if (what != "" && what != "undefined") {
    if (obj != "" && obj != "undefined") {
      if (num != "" && num != "undefined") { 
        o = document.getElementById(obj);
        s = document.getElementById(a);	
        if (o.value != "") {
          if (what == "incr") {
            o.value++;
            s.value -= num;
          }
          else if (what == "decr") {
            if (o.value > 0) {
              o.value -= num;
              s.value++;
            }
          }
        }
      }
    }
  } 
}
//-->
</script>

kann mir da eventuell einer der etwas gefestigteren Proger in Javascript weiterhelfen ?

Danke schon mal im Vorraus

Greetz
Pega
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 06.10.2004, 17:58  
Gast
 
Beiträge: n/a
Standard Re: Problem: per klick auf Button Wert erhöhen/verringern

Zitat:
Zitat von Pegasus
... bzw einen Fehler.
dann sei doch bitte so nett, wenn du uns schon mitteilst, dass du einen fehler
erhältst, wie der lautet.

ansonsten kann evtl schon mozilla helfen, der hat ne integrierte javascript-
konsole. und einrücken im code wäre auch ganz nett, wenn man schon als
aussenstehender drauf schon sollte.
  Mit Zitat antworten
Alt 06.10.2004, 18:16  
Gast
 
Beiträge: n/a
Standard

Hi

sry das ich das uneingerückt gepostet habe, habe dies nun mal ergänzt damit der Überblick zumindest ein wenig gewahrt bleibt, war heute morgen ein wenig im Stress.

Es kommt ja keine Fehlermeldung nur links unten dieser gelbe Dreieck mit dem ausrufezeichen und daneben dann "Fertig, es sind Fehler auf der Seite aufgetreten", also logischerweise ein Fehler im Javaskript denke ich mal, nur weiß ich halt nicht wo dieser ist.

Ein Anreiz bzw ne Idee würde mir da bestimmt weiterhelfen

greetz
Pega
  Mit Zitat antworten
Alt 06.10.2004, 18:27  
Gast
 
Beiträge: n/a
Standard

dann klick mal doppel auf das Dreieck, dann kommt ein fenster wo er zeiel und zeichen sagt wo der fehler ist und auch was das der fehler ist

mfg
  Mit Zitat antworten
Alt 06.10.2004, 19:34  
Gast
 
Beiträge: n/a
Standard

oh

Fehler: Das Objekt unterstützt diese Eigenschaft oder Methode nicht.
steht dort als Fehler und eine Zeile die ich erst errechen muss, da ich ja die js file include...

greetz
Pega
  Mit Zitat antworten
Alt 06.10.2004, 20:17  
Gast
 
Beiträge: n/a
Standard

meinst du sowas? Hab das ja mit hilfe vorhin zum laufen bekommen

Code:
		  
		     <script>
		        function add(feld){
		             punkte = document.form1.pfeld.value;								   
				   if(punkte != 0){ 
					 zahl = document.getElementById(feld).value;
				     zahl++;
					 punkte--;
				     document.form1.pfeld.value = punkte;
				     document.getElementById(feld).value = zahl;					 
				   }
				}
				
				function del(feld){
		           punkte = document.form1.pfeld.value;
				   zahl = document.getElementById(feld).value;								   
				   if(zahl <= 0){
				     document.getElementById(feld).value = 0;
				   }
				   else{
				     zahl = document.getElementById(feld).value;
				     zahl--;
					 punkte++;
				     document.form1.pfeld.value = punkte;
					  if(zahl == 0){
					    document.getElementById(feld).value = 0;
					  }	
					  else{
				        document.getElementById(feld).value = zahl;
					  }
				   }
				}
		     </script>

          <table align='center'>
		  <form name='form1'>
		  <tr>
		    <td>".Punkte":</td>
		    <td><input size='1' name='pfeld' readonly value='10'></td>
		  </tr>
		  <tr>
		    <td>".$allgemein["integriteat"].":</td>
		    <td><input size='1' value='0' id='Test readonly> <input type='button' value='+' onClick=\"javascript:add('Test')\"> <input type='button' value='-' onClick=\"javascript:del('Test')\"></td>
		  </tr>
		  <tr>
		    <td>Test2:</td>
		    <td><input size='1' value='0' id='Test2' readonly> <input type='button' value='+' onClick=\"javascript:add('Test2')\"> <input type='button' value='-' onClick=\"javascript:del('Test2')\"></td>
		  </tr>		  </form></table>";
  Mit Zitat antworten
Alt 06.10.2004, 22:25  
Gast
 
Beiträge: n/a
Standard

abend

so endlich zu Hause von der Arbeit
jo das funktioniert, jetz versuch ich allerdings noch herauszufinden woran es bei meiner konstelation lag, will ja ned dumm sterben *G*

kann es sein das es am "<form name=xxx...>" liegt?
damit er weiß welches Formular angesprochen wird ?

dann noch ne Frage habs noch ned ausprobiert, werd ich allerdings jetzt mal mit rumspielen, .. : eigentlich könnte ich ja auch beide Funktionen in eine legen oder ?

thx auf jeden Fall schonmal.
nun muss ich mich mal reinlesen und mich von meinem Skript zu deinem zu arbeiten...

greetz
Pega
  Mit Zitat antworten
Alt 07.10.2004, 08:31  
Gast
 
Beiträge: n/a
Standard

ja also meist liegt des an dem form, hab ich zumindest die erfahrung gemacht.

also man könnte das auch in eine function legen... muss man halt nur nen if mehr rein machen. Und es ging schneller (und war fand ich übersichtlicher) mit 2 functions. Du musst dann ja nur noch die aktion mit beim onclick übergeben kassen. aber das schaffst scho ^^
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Reset Button bei Formularen TeazY PHP Tipps 2008 2 24.12.2007 14:59
problem mit ratio button $$$ ThiKool $$$ HTML, Usability und Barrierefreiheit 1 03.02.2006 18:38
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular PHP Tipps 2006 18 10.01.2006 12:51
minus wert, plus wert in variable nutzen PHP Tipps 2005-2 5 22.10.2005 19:15
Problem beim Zusammenfügen von Arrays mit array_merge PHP Tipps 2005-2 2 08.10.2005 16:44
nächsten datensatz bei klick auf button weiter... PHP Tipps 2005-2 1 14.08.2005 12:19
Problem mit anzeige aus DB, erst nach refresh aktueller wert PHP Tipps 2005 7 27.04.2005 19:42
Problem mit Button und Mozilla Kofi HTML, Usability und Barrierefreiheit 5 17.01.2005 09:29
Problem mit Button beim IE, den ich beim Firefox nicht habe PHP Tipps 2005 5 11.01.2005 21:38
Problem: popup beim klick mit scrollleiste und navi PHP Tipps 2004-2 1 12.11.2004 22:00
Ich habe eine Auswahlliste und einen Button. Wie auswerten? PHP Tipps 2004 1 20.10.2004 16:39
Problem bei Datenbankeintragung mit Zeit Skazi PHP Tipps 2004 4 20.09.2004 17:22
Problem mit alter JavaScript-Funktion woods PHP Tipps 2004 1 13.08.2004 13:34
wie erhöhe ich eine zahl bei klick auf button?? PHP Tipps 2004 11 07.07.2004 11:25
reset button vs. function() HTML, Usability und Barrierefreiheit 1 06.07.2004 18:03

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
javascript wert erhöhen, mausklicks erhöhen, javascript value erhöhen, javascript plus minus button, javascript onclick wert erhöhen, button wert, http://www.php.de/html-usability-und-barrierefreiheit/10159-problem-per-klick-auf-button-wert-erhoehen-verringern.html, php button wert erhöhen, klick auf button, javascript input erhöhen, javascript button erhöhen, js wert erhöhen, wert erhöhen verringern javascript, value erhöhen javascript, java wert um erhöhen, onclick wert erhöhen, javascript wert per button erhöhen, value erhöhen, javascript document.form.ratio.value ist undefined, input wert erhöhen

Alle Zeitangaben in WEZ +1. Es ist jetzt 23:00 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.