Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Dodawanie kolejnych textboxów po kliknięciu na button
danon198901
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 26.09.2012

Ostrzeżenie: (0%)
-----


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:
  1. <button onclick="myFunction()">Try it</button>
  2.  
  3.  
  4. function myFunction()
  5. {
  6. var btn=document.createElement("BUTTON");
  7. var t=document.createTextNode("CLICK ME");
  8. btn.appendChild(t);
  9. document.body.appendChild(btn);
  10. };
  11.  


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.

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----


no, normalnie:
cent.appendChild(obj);
cent.appendChild(objSec);

Cytat
Chyba należę do tych "ciężej rozumujących" - muszę zobaczyć,

w przeglądarkach są tzw. narzędzia dla developerów, Ctrl+Shift+J w Google Chrome, w Firefoxie i IE - F12 (w FF jak masz wtyczkę Firebug), w Operze Ctrl + Shift + I. I tam możesz "zobaczyć" strukturę dokumentu i wszystko generalnie co ci się wyprodukowało w JS.

poza tym w JS jest coś takiego jak pętla for, bo teraz dublujesz kod niepotrzebnie tworząc 2 inputy.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 21:45