Jednorazowe wywołanie funkcji onClick Opcje

[ZenekN]

Witam, potrzebuję wykonać funkcję onClick w całym wierszu w polach input, z tym że jeśli klikniemy na dowolne pole z danego wiersza aby funkcja dodała tylko jeden wiersz pod spodem.
U mnie wygląda to w ten sposób że gdy klikam w pole kod towaru prawidłowo pojawia się kolejny wiersz tabeli, natomiast gdy przechodzę w tym samym wierszu do pola ilość lub cena nie chcę aby funkcja dodawajka generowała kolejne wiersze z polami.

Proszę o wykasowanie tego tematu:

[PHP] pobierz, plaintext 
http://forum.php.pl/Jednorazowe_wywolanie_funkcji_z_zdarzenia_onClick_t230734.html
[PHP] pobierz, plaintext 

(IMG:http://i.imgur.com/afievuG.png)

[PHP] pobierz, plaintext 
             <tr>
          <td>
            <code>1</code>
          </td>
          <td><input id="form-custom" onClick="dodawajka()" type="text" class="input-sm form-control"></td>
          <td><input id="form-custom" type="text" class="input-sm form-control"></td>
          <td><input id="form-custom" type="text" class="input-sm form-control"></td>
          <td><input id="form-custom" type="text" class="input-sm form-control"></td>  
        </tr>     
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
 
 
 
function dodawajka(){
 
var content = $("#faktura-body");
var i = $("#faktura-body tr").size() +1;	
 
$("<tr onClick=\"dodawajka()\"><td><code>1</code></td><td ><input id=\"form-custom\"  type=\"text\" class=\"input-sm form-control\"></td><td><input id=\"form-custom\" type=\"text\" class=\"input-sm form-control\"></td><td><input id=\"form-custom\" type=\"text\" class=\"input-sm form-control\"></td><td><input id=\"form-custom\" type=\"text\" class=\"input-sm form-control\"></td></tr>").appendTo(content);
 
	i++;
	return false;
[PHP] pobierz, plaintext 

}

Ten post edytował ZenekN 5.05.2014, 17:13:15

[kamil4u]

Mogę. Generalnie całość masz źle. Nie miesza się HTML z JS. W JS zdarzenia( np. kliknięcie ) możesz dodawać na kilka sposobów. Najlepiej poczytaj na ten temat np. : http://webhelp.pl/artykuly/obsluga-zdarzen-w-przegladarkach/ - tu opisany poprawny sposób dodawania zdarzeń.

Ale wróćmy do Twojego kodu albo lepiej do mojego.

Wraz z kliknięciem przekazujemy parametr this. this oznacza konkretny element. Czyli klikając na "test1" this wskazuje na <input type="button" value="test1" onclick="funkcja(this);">, a klikając na test3 w this dostajemy <input type="button" value="test3" onclick="funkcja(this);">

Teraz w naszej funkcji konkretny element mamy pod zmienną el. Teraz warto, żebyś poczytał o DOM. W skrócie chodzi o to, że za pomocą DOM możemy odczytywać, zmieniać wszystkie parametry elementu np. jak wewnątrz funkcji dasz:
alert( el.value ); to zostanie wyświetlona wartość HTML-owego pola value. Gdy dasz el.value = "nowa wartość"; to np. z test1 zmieni się wartość pola value na nowa wartość.

To samo można robić z onclick. Napisaliśmy w kodzie el.onclick = null; oznacz to tyle, że zmieniamy parametr klikniętego elementu na onclick="", bo null to nic. Czyli usuwamy pierwotne zdarzenie kliknięcia.

W razie czego pytaj to może napiszę coś więcej.

Pozdrawiam