input type='button', odwołanie do elementu w celu wykonania na nim skryptu Opcje

[damianooo]

Witam,

Mam następujący problem ... proszę o podpowiedź ...

Mam taki o to kod:

(javascript)

[HTML] pobierz, plaintext 
	function add_zam_2 (inn,v) {
 
			var el = window.getElementById(inn);
			var a;
			a = v;
			el.value = (Number(el.value) + a);
	}
 
 
	function sub_zam_2 (inn,v) {
 
			var el = window.getElementById(inn);
			var a;
			a = v;
 
			if (el.value == a)
			{
				a;
			}
			else
			{
				el.value = (Number(el.value) - a);
			}
	}
[HTML] pobierz, plaintext 

oraz (html i php)

[PHP] pobierz, plaintext 
echo "<center><input type='text' id='Elem1' readonly='readonly' name='ilosc' value='10' maxlength=6 style='width:4.6em;height:1.3em;color:#378347;text-align:right;'></center>";
echo "<input type='button' value='' onclick='add_zam_2(Elem1,5);' style='width:100%;height:100%;background-image: url(img/sub_dod.png);background-repeat: no-repeat;border:none;'/>";
echo "<input type='button' value='' onclick='sub_zam_2(Elem1,5);' style='width:100%;height:100%;background-image: url(img/sub_odejm.png);background-repeat: no-repeat;border:none;'/>";
[PHP] pobierz, plaintext 

Skrypt ma zwiększać lub zmniejszać o podaną w parametrze funkcji ilość ...

próbowałem to zrobić w znacznikach form i z trochę innym skryptem i mi to działało jednak zależy mi aby input type='button' nie znajdował się właśnie pomięedzy znacznikami <form></form>

pewnie źle się po prostu odwołuję w skrypcie do elementu input.

Proszę o pomoc w rozwiązaniu problemu

dzięki,

Ten post edytował damianooo 5.10.2011, 12:40:41

[wookieb]

Proszę wstawić bbcode.

[nospor]

Po pierwsze: Elem1 to tekst, wiec ma być w apostrofach.
Po drugie: dodaj return false;

[PHP] pobierz, plaintext 
echo "<input type='button' value='' onclick=\"add_zam_2('Elem1',5);return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);background-repeat: no-repeat;border:none;'/>";
[PHP] pobierz, plaintext 

Powód edycji: [nospor]:

[damianooo]

niestety nie działa ... pewnie coś jeszcze robię źle ...

może pokażę cały kod po Twojej zmianie (tam gdzie wcześniej była wartość 5 to dałem jako przykład ponieeważ tak naprawdę dana jest oczywiście pobierana ze zmiennej php:

[PHP] pobierz, plaintext 
 
echo "<div style='float:left;padding:0;margin:0;width:4.4em;height:1.5em;border:1px solid #378347;background-color:white;color:#378347;text-align:right;'>";
echo "<center><input type='text' id='Elem1' readonly='readonly' name='ilosc' value='".$dana_sztywne_dod."' maxlength=6 style='width:4.6em;height:1.3em;color:#378347;text-align:right;'></center>";
echo "</div>";
echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:1.5em;background-color:white;color:#378347;'>";
echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
echo "<input type='button' value='' onclick=\"add_zam_2('Elem1',".$dana_sztywne_dod.");return false;\" style='width:100%;height:100%;background-image: url(img/sub_dod.png);background-repeat: no-repeat;border:none;'/>";
echo "</div>";
echo "<div style='float:left;padding:0;margin:0;width:1.5em;height:0.75em;background-color:white;color:#378347;'>";
echo "<input type='button' value='' onclick=\"sub_zam_2('Elem1',".$dana_sztywne_dod.");return false;\" style='width:100%;height:100%;background-image: url(img/sub_odejm.png);background-repeat: no-repeat;border:none;'/>";
echo "</div>";
echo "</div>";
[PHP] pobierz, plaintext 

jeśli ktoś mógłby wkleić te dwa skrypty do siebie na locala i przetestować i podać gdzie leży problem to będę wdzięczny ..
dzięki

Ten post edytował damianooo 5.10.2011, 13:09:46

[nospor]

Nie:
window.getElementById
a:
document.getElementById



echo $dana_sztywne_dod;
co wyświetla?

[damianooo]

ok dzięki ... głupi błąd ... wiedziałem że "document" nie wiem czemu pisałem że "window" ... po prostu został mi śmieć z poprzednich testów ....

tamta zmienna wyświetla dowolną liczbę która aktualnie jest zapisana w bazie danych w odpowiednim rekordzie ... a więc na przykład będzie 5 i dzieki temu można zwiększać o 5 lub zmniejszać o 5 ...

jeszcze raz dzięki, ...

problem będę miał rozwiązany chyba ...


pozdro

to jeszcze tak z ciekawości dopytam ... dlaczego wystarczyło dodać "return false;" żeby kod zadziałał ? ... javascriptu dobrze nie znam i dlatego czasem błądzę ...

[nospor]

buttony submitują forma. return false powoduje ze nie submitują