[JavaScript]Dodawanie kolejnych textboxów po kliknięciu na button Opcje

[danon198901]

Witam,

z javascript miałem bardzo mało do czynienia (głównie PHP), ale uczę się na bieżąco robiąc własne projekty. W chwili obecnej mam ciężki orzech do rozgryzienia. Chciałbym dodać opcję, że po kliknięciu użytkownikowi pojawiają się 2 nowe textboxy obrazujące współrzędne 'x' oraz 'y'.

A więc jest sobie na stronce button po kliknięciu na który textboxy mają być dodawane i kolejno otrzymywać inne name oraz id (np.: x1,x2,y1,y2 itd) ze względu na dalszą obsługę przez interpreter php. Czyli pierwsze kliknięcie = jeden textbox X oraz Y. Dziesięć kliknięć na button = 10x textbox X oraz 10x textbox Y.

Z wcześniejszego tematu na forum dowiedziałem się mniej więcej jak dodawać przez JS elementy HTML - jednak nadal nie do końca to "kminię".

Przykładowy kod dodający buttona, wyszperany w sieci:

[HTML] pobierz, plaintext 
<button onclick="myFunction()">Try it</button>
 
<script>
 
function myFunction()
{
var btn=document.createElement("BUTTON");
var t=document.createTextNode("CLICK ME");
btn.appendChild(t);
document.body.appendChild(btn);
};
 
</script>
[HTML] pobierz, plaintext 

Mi chodzi dokładnie o coś takiego, z tym, że chcę, aby kolejne textboxy otrzymywały inne 'name' oraz 'id'. Może ktoś zna jakiś ciekawy tutorial odnośnie tego zagadnienia, bo ja się w google naszperałem, a w kursach online po prostu tego brakuje.

[danon198901]

setAttribute() - size/maxlength itp widzę, że też można modyfikować, a więc kolejne pieczenie przy jednym ogniu upichciłem:D

JavaScript nie pochodzi od Javy więc nie idź tym tropem.

A więc tylko nazwa wspólna:)

w JavaScript są różne zasięgi zmiennych. Możesz zadeklarować zmienną poza daną funkcją, i też będzie widoczna.

I tu był pies pogrzebany. Kombinowałem jak cholera, a rozwiązanie trywialne (IMG:style_emoticons/default/sciana.gif)

Jutro pobawię się jeszcze, być może nowe pytania się nasuną. Póki co dziękuję za wyczerpujące wypowiedzi (IMG:style_emoticons/default/thumbsupsmileyanim.gif)


--@EDIT--
No i mam jeszcze kilka pytań. Po pierwsze pozycjonowanie textbox'u wydaje się nie działać - przynajmniej u mnie nie pozycjonuje, gdy wrzucę sobie coś takiego:

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
var licznik=0;
function dodaj()
{	
	licznik++;
	var obj = document.createElement("INPUT");
	obj.setAttribute('type', 'text');
	obj.setAttribute('size', '2');
	obj.setAttribute('maxlength', '2');
	obj.name = "od"+licznik;
	obj.id = "od"+licznik;
	obj.style.left = "500px";
	obj.style.top = "500px";
	var objSec = document.createElement("INPUT");
	objSec.setAttribute('type', 'text');
	objSec.setAttribute('size', '2');
	objSec.setAttribute('maxlength', '2');
	objSec.name = "do"+licznik;
	objSec.id = "do"+licznik;
	objSec.style.left = "600px";
	objSec.style.top = "500px";
	document.body.appendChild(obj);
	document.body.appendChild(objSec);
 
}
</script>
[PHP] pobierz, plaintext 

Kolejne pytanie brzmi: Jak może poprzez JS wywołać składnię html:
a ) <center></center>
b ) <label></label>
c ) <br />, żeby zrobić sobie pętelke, która za każdym kliknięciem będzie robić przejście do nowej lini, w wyniku czego nie będę miał generowanych elementów w ciągu (jednej lini)

Ten post edytował danon198901 24.03.2013, 17:08:37