[jQuery] Dodawanie i usuwanie inputów Opcje

[shpaque]

Witam serdecznie,
dzisiaj borykam się z czymś, czego nigdy wcześniej nie robiłem - chcę przy każdym "row" aby była możliwość dodania następnego rowa i jego usunięcia. Konsola wywala 78 bledow typu:

[XML] pobierz, plaintext 
Uncaught SyntaxError: Invalid or unexpected token
index.php:548 Uncaught ReferenceError: addMoreRows is not defined
    at HTMLAnchorElement.onclick
[XML] pobierz, plaintext 

kod jest mieszany php + jquery i szczerze mówiąc już się zamotałem jak to zrobić, żeby dobrze wyszło, wygląda to tak:

[PHP] pobierz, plaintext 
for ($y = 0; $y < $countLinks; $y++)
                                 {
                                    echo "
                                    <div class=\"row\" style=\"margin-top: 2px;\" id=\"rowLink".$y."\">
                                       <div class=\"col-sm-8\">
                                          <input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle".$y."\" value=\"".$c -> main[$x] -> link[$y] -> title."\" required />
                                       </div>
                                       <div class=\"col-sm-2\">
                                          <input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage".$y."\" value=\"".$c -> main[$x] -> link[$y] -> page."\" required />
                                       </div>
                                       <div class=\"col-sm-1\">
                                       		<a href=\"java script: void(0);\" class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" onclick=\"removeRow('+rowCount+');\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a>
                                       </div>
                                       <div class=\"col-sm-1\">
                                       		<a class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" onclick=\"addMoreRows();\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a>
                                       </div>
                                    </div>
                                    ";
 
                                    // Skrypt dodający i usuwający link
                                    $z = $y++;
                    				echo "
                    				<script>
									var rowCount = ".$y.";
									function addMoreRows(frm) {
										rowCount ++;
										var recRow = '	<div class=\"row\" style=\"margin-top: 2px;\" id=\"rowLink'+rowCount+'\">
                                       						<div class=\"col-sm-8\">
                                          						<input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle".$z."\" required />
                                       						</div>
                                       						<div class=\"col-sm-2\">
                                          						<input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage".$z."\" required />
                                       						</div>
                                       						<div class=\"col-sm-1\">
                                          						<a href=\"java script: void(0);\" onclick=\"removeRow('+rowCount+');\">Delete</a>
                                       						</div>
                                    					</div>';
 
										$('#rowLink".$y."').append(recRow);
									}
 
									function removeRow(removeNum) {
										$('#rowLink".$z."' + removeNum).remove();
									}
									</script>
									";
 
                                 }
[PHP] pobierz, plaintext 

[shpaque]

[HTML] pobierz, plaintext 
<script>
function addRow(this) {
	var catalogNumber = this.getAttribute('data-cat');
	var mainNumber = this.getAttribute('data-main');
	var linkNumer = this.getAttribute('data-link');
	var i = linkNumber + 1;
    var thisRow = $('#rowLink'+i);
    $('<div class=\"col-sm-8\"><input class=\"form-control text-center\" type=\"text\" name=\"linkTitle['+ i +']\" required /></div><div class=\"col-sm-2\"><input class=\"form-control text-center\" type=\"text\" name=\"linkPage['+ i +']\" required /></div><div class=\"col-sm-1\"><a href=\"#\" class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" id=\"removeRow'+ i +'\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a></div><div class=\"col-sm-1\"><a href=\"#\" class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" id=\"addRow'+ i +'\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a></div>').appendTo(thisRow);
    return false;
};
</script>
[HTML] pobierz, plaintext 

co takiego? co teraz?

a kod zmienilem tak:

[HTML] pobierz, plaintext 
<div class = "linki">
								<?php for ($y = 0; $y < $countLinks; $y++): ?>
                                	<div class="row">
                                       	<div class="col-sm-8">
                                          	<input class="form-control text-center" type="text" name="linkTitle[]" value="<?php echo $c -> main[$x] -> link[$y] -> title; ?>" required />
                                       	</div>
                                       	<div class="col-sm-2">
                                          	<input class="form-control text-center" type="text" name="linkPage[]" value="<?php echo $c -> main[$x] -> link[$y] -> page; ?>" required />
                                       	</div>
                                       	<div class="col-sm-1">
                                       		<a href="#" class="btn btn-md text-center btn-delete" type="button" style="width: 100%;"><span class="fa fa-remove icon-md" title="Usuń ten link"></span></a>
                                       	</div>
                                       	<div class="col-sm-1">
                                       		<button class="btn btn-md text-center btn-add" style="width: 100%;" data-row-cat="<?php echo $i; ?>" data-row-main="<?php echo $x; ?>" data-row-link="<?php echo $y; ?>" onliclick="addRow(this);"><span class="fa fa-plus icon-md" title="Dodaj link"></span></button>
                                       	</div>
                                    </div>
                                <?php endfor ?>
                            	</div>
[HTML] pobierz, plaintext 

teraz ze skryptem poszedlem w ta strone:

[HTML] pobierz, plaintext 
<script>
$(document).ready(function() {
	function addRow(row) {
		var catNumber = row.getAttribute('data-row-cat');
		var mainNumber = row.getAttribute('data-row-main');
		var linkNumer = row.getAttribute('data-row-link');
 
		var i = linkNumber++;
		var objTo = $('#cat' + catNumber + 'main' + mainNumber);
		var div = document.createElement("div");
		div.setAttribute("class", "row" + i);
 
		div.innerHTML = '<div class="row"><div class="col-sm-8"><input class="form-control text-center" type="text" name="linkTitle[]" value="" required /></div><div class="col-sm-2"><input class="form-control text-center" type="text" name="linkPage[]" value="" required /></div><div class="col-sm-1"><button class="btn btn-md text-center btn-delete" type="button" style="width: 100%;"><span class="fa fa-remove icon-md" title="Usuń ten link"></span></button></div><div class="col-sm-1"><button class="btn btn-md text-center btn-add" style="width: 100%;" data-row-cat=' + catNumber + ' data-row-main=' + mainNumber + ' data-row-link=' + i + ' onliclick="addRow(this);"><span class="fa fa-plus icon-md" title="Dodaj link"></span></button></div></div>';
 
		objTo.appendChild(div);
		return false;
	}
});
</script>
[HTML] pobierz, plaintext 

i nic nie dziala - tam w petli przynajmniej dzialalo jakos a teraz zupelnie nie wiem co i dlaczego

poza tym dlaczego przy klieknieciu w button odswieza mi strone?