Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][PHP]Dodawanie nowych pół w ajax (js)
Forum PHP.pl > Forum > Przedszkole
Giluś
24.08.2011, 13:09:52
Cześć chciałbym dodawać nowe pola w Ajax, poprzez klikniecie np.: "Dodaj Nowe Pole".

Posiadam taki kod:

[HTML] pobierz, plaintext 
  1. <h2>Podaj swoje imię i nazwisko</h2>
  2. Imię: <input type="text" name="imie" /><br />
  3. Nazwisko: <input type="text" name="nazwisko" /><br />
[HTML] pobierz, plaintext


I pod tym chciałbym dodać przycisk "dodaj nowego użytkownika" i jak ktoś kliknie na to, to pokazuję się kolejny Input z imieniem i nazwiskiem (nawet 100 takich inputów chciałbym zrobić) to nawet nie jest taki trudne, ale później chciałbym zrobić kolejny input i żeby było:

[HTML] pobierz, plaintext 
  1. <h3>Podaj swój wiek</h2>
  2. Wiek {Imię i Nazwisko pierwszej osoby}: <input type="text" name="wiek" /><br />
  3. Wiek {Imię i Nazwisko drugiej osoby}: <input type="text" name="wiek" /><br />
[HTML] pobierz, plaintext


Żeby jak dodam nowego użytkownika to od razu dodawało się też również dodatkowe pole niżej oraz żeby pokazywało się imię i nazwisko osoby (pierwszej lub drugiej)


A później jak to odebrać $_POST ?, trzeba sprawdzać warunkami czy coś jest napisane w polu czy jakoś inaczej ?


Pozdrawiam.
wookieb
24.08.2011, 13:15:54
Proszę wstawić bbcode.
kamil4u
24.08.2011, 13:19:32
Jeśli dobrze zrozumiałem co chcesz osiągnąć to zainteresuj się tworzeniem nowych elementów DOM w JS.
Użyj do tego funkcji: https://developer.mozilla.org/pl/DOM/element.appendChild i https://developer.mozilla.org/pl/DOM/document.createElement
Poczytaj też o DOM: http://kurs.browsehappy.pl/JavaScript/DOM#tworzenie

I przeanalizuj jakieś demo znalezione w google.
Giluś
24.08.2011, 13:28:04
No dobrze, z tym sobie już mniej więcej poradziłem, ale jak później odebrać te dane w PHP ? trzeba sprawdzać czy jest jakaś zawartość w nich ? np.:
[PHP] pobierz, plaintext 
  1. if( !isset($_POST['pole1']) ) {}
  2. if( !isset($_POST['pole2']) ) {}
[PHP] pobierz, plaintext

itp

Czy jest jakiś inny sposób ? (bo jeśli tak to by trzeba było zrobić limit np 100 albo 200 taki pół maksymalnie i jeśli było by więcej to dać Alter w JS że więcej się nie da dodać smile.gif ?


Dzięki za odpowiedzi i pozdrawiam
(Do moderatora - poprawiłem)
kamil4u
24.08.2011, 13:54:38
Aby uzyskać te dane w PHP nadaj atrybut name dla tych pól, który będzie wyglądał tak: pole[]. Dzięki temu w PHP pod zmienną $_POST['pole'], będziesz miał tablicę z wartościami tych pól.

Również pozdrawiam
longinus_torwaldzki
24.08.2011, 13:56:26
Cześć,

formularz powienien wyglądać przed wysłaniem mniej więcej tak:
[HTML] pobierz, plaintext 
  1. <form method='post'>
  2.  
  3.         <h2>Podaj swoje imię i nazwisko</h2>
  4.         Imię: <input type="text" name="osoba[1][imie]" /><br />
  5.         Nazwisko: <input type="text" name="osoba[1][nazwisko]" /><br />
  6.  
  7.         <h2>Podaj swoje imię i nazwisko</h2>
  8.         Imię: <input type="text" name="osoba[2][imie]" /><br />
  9.         Nazwisko: <input type="text" name="osoba[2][nazwisko]" /><br />
  10.  
  11.         <h2>Podaj swoje imię i nazwisko</h2>
  12.         Imię: <input type="text" name="osoba[3][imie]" /><br />
  13.         Nazwisko: <input type="text" name="osoba[3][nazwisko]" /><br />
  14.         <input type='submit'>
  15. </form>
  16. <pre>
  17.         <?
  18.                 print_r($_POST);
  19.         ?>
  20. </pre>
  21.  
[HTML] pobierz, plaintext

itd...
otrzymany wynik będzie sformatowany w tablicy

a potem juz tylko freach
[PHP] pobierz, plaintext 
  1. <?
  2. foreach ($_POST['osoba'] as $osoba){
  3.  if (!empty($osoba['imie']){}...
  4.  
  5. }
  6. ?>
[PHP] pobierz, plaintext





Giluś
24.08.2011, 14:28:01
Zrobiłem coś takiego:

[HTML] pobierz, plaintext 
  1. <script language=JavaScript type=text/javascript>
  2. function wstawTekst(){
  3. var sentencja = "Jakiś tekst 1";
  4. var node = document.createTextNode(" " + sentencja)
  5. document.getElementById("paragraf").appendChild(node)
  6.  
  7. var sentencja = "Jakiś tekst 2";
  8. var node = document.createTextNode(" " + sentencja)
  9. document.getElementById("inne").appendChild(node)
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <h1>Stwórz stronę</h1>
  15. <p id="paragraf">
  16. Ones<br />
  17. </p>
  18.  
  19.  
  20. <p id="inne">
  21. Twos<br />
  22. </p>
  23. <form name = "form1">
  24. <input type="button" value="dodaj" onclick="wstawTekst();">
  25. </form>
[HTML] pobierz, plaintext


Działa dobrze, dodaje tekst w dwóch <p>, ale jak chce zmienić np.: "Jakiś tekst 1" na "<input type="text" name="osoba[2][nazwisko]" />" to się wyświetla:
"<input type="text" name="osoba[2][nazwisko]" />", a jeszcze jedno jak zmienić w JS tą cyferkę przy osoba[1], osoba[2]


Pozdrawiam.
kamil4u
24.08.2011, 14:56:12
Napisałem z jakich funkcji masz skorzystać. Nic nie wspominałem o createTextNode...
Kod
el = document.createElement('input');
el.name = 'osoba[2][nazwisko]';
el.type = 'text';
document.getElementById('inne').appendChild( el );
Giluś
24.08.2011, 15:08:33
No dobra, a co dalej, jak zmienić "osoba[2][nazwisko]", na "osoba[3][nazwisko]" ? w JS (aby Się to działa w tle)
kamil4u
24.08.2011, 15:11:46
Zmienna globalna smile.gif

Kod
i = 0;

/////// dalsza część kodu ///////////

el = document.createElement('input');
el.name = 'osoba['+(i++)+'][nazwisko]';
el.type = 'text';
document.getElementById('inne').appendChild( el );
Giluś
24.08.2011, 17:48:05
Taki mam kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Insert title here</title>
  6. <script language=JavaScript type=text/javascript>
  7.  
  8. function wstawTekst(){
  9. i = 0;
  10. el = document.createElement('input');
  11. el.name = 'osoba['+(i++)+'][imie]';
  12. el.type = 'text';
  13. document.getElementById('inne').appendChild( el );
  14. }
  15. </script>
  16. </head>
  17. <body>
  18.  
  19. <form method='post'>
  20. <p id="inne">
  21.  </p>                                                    
  22.         <input type='submit'>
  23.  
  24. </form>
  25.  
  26. <pre>
  27.         <?
  28.                 print_r($_POST);
  29.  
  30.  
  31. 		?>
  32. </pre>
  33. <form name = "form1">
  34. <input type="button" value="dodaj" onclick="wstawTekst();">
  35. </form>
  36. </body>
  37. </html>
  38.  
[HTML] pobierz, plaintext



I jak dodam 2 pola i wpiszę np.: Imię 1 i Imię 2 to wyświetla mi się takie coś tylko:
[HTML] pobierz, plaintext 
  1. Array
  2. (
  3.     [osoba] => Array
  4.         (
  5.             [0] => Array
  6.                 (
  7.                     [imie] => Imie 2
  8.                 )
  9.  
  10.         )
  11.  
  12. )
[HTML] pobierz, plaintext

Zawsze wyświetla mi się ostatnie pole
Coś zle robie ?

Pozdrawiam.
konole
24.08.2011, 17:57:03
Ogarnij, sobie, co robisz.

Masz funkcję, do której wstawiłeś i = 0; Z tego, co wiem, to zmienne w funkcjach nie są globalne, o ile ich nie ustawisz. Za każdym razem, gdy wywołujesz funkcję, "i" jest ustawiane na 0. Teraz zadanie dla ciebie - zastanów się, jak zmienić kod, żeby Ci zadziałało. Pomyśl trochę sam, a nie oczekujesz za każdym razem na naszą pomoc. I nie, nie kombinuj ze zmiennymi globalnymi.
kamil4u
24.08.2011, 18:28:00
Cytat
Z tego, co wiem, to zmienne w funkcjach nie są globalne, o ile ich nie ustawisz.

Tak jest w PHP, w JS jest inaczej i zmienna bez przedrostka var lub jako atrybut jest lokalna.

Co do problemu to wystarczy zamienić 2 linie ze sobą miejscami. Które? Pomyśl, poprzednik napisał prawie gotowe rozwiązanie. Ja dodam tylko, że za każdym razem zerujesz zmienną i, a powinno się to zrobić tylko raz - jeszcze przed wywołaniem funkcji.
Giluś
24.08.2011, 19:57:25
Poradziłem sobie z tym problemem...
Ale mam taki inny, chciałbym aby dodawało pole z tekstem np.:

[HTML] pobierz, plaintext 
  1. <h1> Wypisz imiona </h1>
  2. <input type="button" value="Dodaj Użytkownika" onclick="wstawTekst();">
  3. // Pokazuję się pole:
  4. " Imię: <input type="text" name="osoba[0][imie]" /><br /> "
  5. " Imię: <input type="text" name="osoba[1][imie]" /><br /> "
  6.  
  7.  
  8. <h1> Wypisz wiek użytkownika </h1>
  9. // Po wciśnięciu 'dodaj użytkownika' tutaj pokazują sie pole (wcześniej ich nie ma)
  10.  
  11. " Wiek - (tutaj jakaś funkcja która auto uzupełni imię w JS/Ajax z powyższego inputu]: <input type="text" name="osoba[0][wiek]" /><br /> "
  12. " Wiek - (tutaj jakaś funkcja która auto uzupełni imię 2 w JS/Ajax z powyższego inputu]: <input type="text" name="osoba[1][wiek]" /><br /> "
[HTML] pobierz, plaintext


itd itp

Jak takie coś zrobić ?
kamil4u
24.08.2011, 20:06:03
Napisz to jeszcze raz, bo nie rozumiem...

Naucz się podstaw JS, bo ez tego nic nie zrobisz...
Giluś
24.08.2011, 20:15:51
Chodzi mi oto, że robię taki mini symulator w php/js i chce zrobić coś takiego:
[HTML] pobierz, plaintext 
  1. <h2> Imię gracza </h2>
  2. Imię: <input type="text" name="......" /> <br /> // Wpisuję tutaj: Matrix.
  3. Imię: <input type="text" name="......" /> <br /> // Wpisuję tutaj: Fasola.
  4.  
  5. <h2>Wiek gracza</h2>
  6. Wiek gracza - Matrix: <input type="text" name="......" /> <br /> // Wpisuję tutaj: 18
  7. Wiek gracza - Fasola: <input type="text" name="......" /> <br /> // Wpisuję tutaj: 20
  8.  
  9. <h2>Wzrost gracza</h2>
  10. Wzrost gracza - Matrix, 18lat: <input type="text" name="......" /> <br />
  11. Wzrost gracza - Fasola, 20lat: <input type="text" name="......" /> <br />
[HTML] pobierz, plaintext


Tak aby to się zmieniało bez przeładowania strony w czasie rzeczywistym, że ja napiszę "D" to się zmienia wszędzie na "D"
(
Wiek gracza - D: <input type="text" name="......" /> <br /> // Wpisuję tutaj: 18
Wzrost gracza - D, 18lat: <input type="text" name="......" /> <br />
)

takie przesyłanie zmiennych w czasie rzeczywistym, nie wiem jak to bardziej Ci opisac.
kamil4u
24.08.2011, 20:52:19
Przypomnij się jutro na forum( prywatna wiadomość ) to Ci to napiszę, a później zedytuję tego posta z rozwiązaniem.

Dłużej zajmie mi tłumaczenie jak to należy zrobić niż napisanie smile.gif

--edit--
http://jsfiddle.net/5Zyq3/ - pisane na szybko
Giluś
25.08.2011, 08:22:23
Ale nic nie przesyła się w POST, próbowałem zrobić tak:

[JAVASCRIPT] pobierz, plaintext 
  1.     li[2] = document.createElement('li');
  2.     li[2].innerHTML = 'WZROST <b></b>:';
  3.     input[2] = document.createElement('input');
  4. // odtąd zmiana 
  5. input[2].name = 'osoba['+(i++)+'][wzrost]';
  6. input[2].type = 'text';
  7. // Koniec zmiany
  8.     li[2].appendChild( input[2] );
  9.     document.getElementById('wzrost').appendChild( li[2] );    
[JAVASCRIPT] pobierz, plaintext


Ale jak naciskam "klik" to się nic nie dodaje
kamil4u
25.08.2011, 11:39:08
Myślałem, że sobie sam poradzisz....
http://jsfiddle.net/5Zyq3/1/
Giluś
25.08.2011, 12:51:42
Naprawdę bardzo dziękuję za odpowiedzi ale mam jeszcze jeden problemik:
Jak zamiast input "tekst" dać "checkbox", taki kod chce dodać:

[HTML] pobierz, plaintext 
  1. <input type="checkbox" name="nazwa" value="wartość" checked="checked" />Opcja 1 (domyślnie zaznaczona)
  2. <input type="checkbox" name="nazwa" value="wartość" />Opcja 2
  3. <input type="checkbox" name="nazwa" value="wartość" />Opcja 3
[HTML] pobierz, plaintext

Oraz
[HTML] pobierz, plaintext 
  1. Opcja 1:
  2. <select name="nazwa">
  3. 	<option>0</option>
  4. 		<option>1</option>
  5. 		<option>2</option>
  6. 		<option>3</option>
  7. 		<option>4</option>
  8. 		<option>5</option>
  9. 		<option>6</option>
  10. 		<option>7</option>
  11. 		<option>8</option>
  12. 		<option>9</option>
  13. 		<option>10</option>
  14. 	</select>
  15. Opcja 2:
  16. <select name="nazwa">
  17. 	<option>0</option>
  18. 		<option>1</option>
  19. 		<option>2</option>
  20. 		<option>3</option>
  21. 		<option>4</option>
  22. 		<option>5</option>
  23. 		<option>6</option>
  24. 		<option>7</option>
  25. 		<option>8</option>
  26. 		<option>9</option>
  27. 		<option>10</option>
  28. 	</select>
[HTML] pobierz, plaintext


Co do samej zaminy typu np.: z text na password lub na checkbox, to sobie poradziłem, ale jak powtórzyć aby były 3 checkbox i dodatkowo napis obok nich ?, tak samo z select
kamil4u
25.08.2011, 13:12:01
Poczytaj o tworzeniu elementów HTML i obsługę DOM poprzez JS. Bez tego nic nie zrobisz, a ja raczej ciągle nie będę pisał Ci skryptów.
Aby stworzyć checkbox-a musisz zmienić atrybut "type" stworzonego inputa. A jeżeli chcesz zrobić listę select/option to musisz stworzyć te elementy.
Giluś
25.08.2011, 13:19:42
Mam takie coś:
[JAVASCRIPT] pobierz, plaintext 
  1.     li[2] = document.createElement('li');
  2.     li[2].innerHTML = 'xxxx <b></b>:';
  3.     input[2] = document.createElement('input');
  4.     input[2].name = 'osoba['+(i++)+'][xxxx]';
  5. 	input[2].type = 'checkbox';
  6. 	input[2].checked = 'checked';
  7.     li[2].appendChild( input[2] );
  8.     document.getElementById('xxxx').appendChild( li[2] );  
[JAVASCRIPT] pobierz, plaintext

I wyświetla dobrze checkbox (dodaje) ale chciałbym aby po kliknięciu "klik" tworzyły się od razu 3 checkboxy dla jednego imienia, aby tak wyglądały mniej więcej:
[HTML] pobierz, plaintext 
  1. <input type="checkbox" name="nazwa" value="wartość" checked="checked" />Opcja 1 (domyślnie zaznaczona)
  2. <input type="checkbox" name="nazwa" value="wartość" />Opcja 2
  3. <input type="checkbox" name="nazwa" value="wartość" />Opcja 3
[HTML] pobierz, plaintext
kamil4u
25.08.2011, 13:23:46
Wydaje mi się, że w takiej sytuacji należy stworzyć po prostu 3 checkbox-y, zamiast 1. No chyba, że się mylę? Proszę pomyśl czasami.
Giluś
25.08.2011, 13:43:19
No dobra, zrobiłem tak: działa, ale gdzie dać tekst za checkboxem
"Opcja 1", "Opcja 2", "Opcja 3" ?
kamil4u
25.08.2011, 14:33:39
Możesz stworzyć element <span>przed checkboxem i później użyć innerHTML albo lepiej, ale odrobinę trudniej -> użyć to co już próbowałeś zrobić, czyli użyć: https://developer.mozilla.org/en/DOM:document.createTextNode
Giluś
25.08.2011, 14:53:38
Zrobiłem takie coś:
[JAVASCRIPT] pobierz, plaintext 
  1. 	var sentencja = "Opcja 1";
  2. 	var node = document.createTextNode(" " + sentencja)
  3. 	document.getElementById("xxx").appendChild(node)
[JAVASCRIPT] pobierz, plaintext


Ale jak zrobić aby było bez załamania linii ? bo mam tak:
[v] (checkbox)
Opcja 1
a chce: [v] Opcja 1
kamil4u
25.08.2011, 15:04:52
Wklej cały ten kod - najlepiej tu http://jsfiddle.net/
Giluś
25.08.2011, 16:26:11
http://jsfiddle.net/Z4TmQ/5/

Nie wiem czy dobrze działa, pierwszy raz jestem na tej stronie.
kamil4u
25.08.2011, 16:34:26
Kod
var newtext = document.createTextNode("Jakiś tekst 2 ");
    var para = document.getElementById("teren");
   para.appendChild(newtext);

->
Kod
var newtext = document.createTextNode("Jakiś tekst 2 ");
   li[3].appendChild(newtext);
Giluś
25.08.2011, 16:58:10
Wiec jeszcze mam jedno pytanie co do select/option
Stworzyłem Element (select) i chciałem dodać option, w taki sam sposób jak np.: typ i nazwa w input, tylko że to nie działa, tworzy select ale nie ma żadnych opcji do wyboru taki js mam:

[JAVASCRIPT] pobierz, plaintext 
  1. 	li[8] = document.createElement('li');
  2.     li[8].innerHTML = 'Wybierz Umiejętnosć 1 dla: <b></b>:';
  3.     input[8] = document.createElement('select');
  4.     input[8].name = 'osoba['+(i++)+'][umiejetnosc1]';
  5. 	input[8].option = '1';
  6. 	input[8].option = '2';
  7. 	input[8].option = '3';
  8. 	input[8].option = '4';
  9.     li[8].appendChild( input[8] );	
  10.     document.getElementById('skils').appendChild( li[8] );
[JAVASCRIPT] pobierz, plaintext



i stronka: http://jsfiddle.net/Z4TmQ/6/
kamil4u
25.08.2011, 17:42:08
Option to nowy element HTML:
Kod
1. stwórz select
2. zedytuj select
3. stwórz option
4. zedytuj option
5. umiesc option do select-a
6. wróć do kroku 3, gdy chcesz więcej option
7. umieść select w li


stwórz -> createElement
umieść -> appendChild
edytuj ->
Kod
referencjaDoElementu.nazwaAtrybutu = wartość;

referencję uzyskujesz jako wartość zwrotną funkcji createElement
Giluś
25.08.2011, 17:58:06
Czy coś takiego powinno wyjść:
[JAVASCRIPT] pobierz, plaintext 
  1. 	li[8] = document.createElement('li');
  2. 	li[8].innerHTML = 'Umiejętność dla: <b></b>:';
  3. 	li[8] = document.createElement('select');
  4. 	li[8].name = 'osoba['+(i++)+'][umiejetnosc1]';
  5. 	li[8] = document.createElement('option');
  6. 	li[8].nazwaAtrybutu = wartość;
  7. 	document.getElementById('skils').appendChild( li[8] );
[JAVASCRIPT] pobierz, plaintext


Nie wiem czy dobrze dałem: "li[8].name = 'osoba['+(i++)+'][umiejetnosc1]';" i co dać tutaj: "li[8].nazwaAtrybutu = wartość;", wartość to pewnie będzie 0/1/2/3 ( to co się wyświetla w <option>xx</option>, ale jaka nazwa atrybutu ?
kamil4u
25.08.2011, 18:31:34
Zmień zmienną z li[8] na jakąś inną. Jak sama nazwa wskazuje li to tablica elementów li. Trzymaj logiczne nazwy. Dla elementu select, option stwórz osobne zmienne - lokalne.

Kod
li[8].nazwaAtrybutu = wartość;

To Ci raczej nie zadziała... - nie kopiuj bezmyślnie!
Giluś
25.08.2011, 18:39:01
Dobrze, zmieniłem na troszkę inne:

[JAVASCRIPT] pobierz, plaintext 
  1. 	li[8] = document.createElement('li');
  2. 	li[8].innerHTML = 'Umiejętność 1 dla: <b></b>:';
  3. 	select[8] = document.createElement('select');
  4. 	select[8].name = 'osoba['+(i++)+'][umiejetnosc1]';
  5. 	option[8] = document.createElement('option');
  6. 	option[8].nazwaAtrybutu = wartość;
  7. 	select[8].appendChild( option[8] );
  8. 	li[8].appendChild( select[8] );
  9. 	document.getElementById('skils').appendChild( li[8] );
[JAVASCRIPT] pobierz, plaintext


Tak jest lepiej ?
co do: " option[8].nazwaAtrybutu = wartość; " - własnie nie wiem co tu dać ?
kamil4u
25.08.2011, 18:52:25
Poczytaj co to zmienna, tablica itd., o nie rozumiesz podstawowych zagadnień....

Cytat
własnie nie wiem co tu dać ?

option[8].name = "nazwa"; //ustawi atrybut name na "nazwa"
option[8].value = "wartość"; //ustawi atrybut value na "wartość"
Wyjątkiem jest innerHTML, który jakgdyby ustawia wszystko to co jest pomiędzy znacznikami.

Np.
[JAVASCRIPT] pobierz, plaintext 
  1. var b = document.createElement('b');
  2. b.innerHTML = "ala ma kota"; 
[JAVASCRIPT] pobierz, plaintext

Dzięki temu tworzysz element <b>ala ma kota</b>

Musisz jeszcze wiele poczytać, bo jak na razie piszesz coś, czego w ogóle nie rozumiesz...
Giluś
25.08.2011, 18:58:25
No dobrze, ale w którym momencie popełniłem bład w tym kodzie, że mi nie wyświetla listy
[JAVASCRIPT] pobierz, plaintext 
  1. 	li[8] = document.createElement('li');
  2. 	li[8].innerHTML = 'Umiejętność 1 dla: <b></b>:';
  3. 	select[8] = document.createElement('select');
  4. 	select[8].name = 'osoba['+(i++)+'][umiejetnosc1]';
  5. 	option[8] = document.createElement('option');
  6. 	option[8].name = "nazwa";
  7. 	select[8].appendChild( option[8] );
  8. 	li[8].appendChild( select[8] );
  9. 	document.getElementById('skils').appendChild( li[8] );
[JAVASCRIPT] pobierz, plaintext


Zrobiłem mniej więcej jak mi mówiłeś:
"
1. stwórz select
2. zedytuj select
3. stwórz option
4. zedytuj option
5. umiesc option do select-a
6. wróć do kroku 3, gdy chcesz więcej option
7. umieść select w li
"
1. Stworzyłem na początku li:
[JAVASCRIPT] pobierz, plaintext 
  1. li[8] = document.createElement('li');
[JAVASCRIPT] pobierz, plaintext

2. Dałem tekst na początku li:
[JAVASCRIPT] pobierz, plaintext 
  1. li[8].innerHTML = 'Umiejętność 1 dla: <b></b>:';
[JAVASCRIPT] pobierz, plaintext

3. Stworzyłem select:
[JAVASCRIPT] pobierz, plaintext 
  1. select[8] = document.createElement('select');
[JAVASCRIPT] pobierz, plaintext

4. edytowałem select:
[JAVASCRIPT] pobierz, plaintext 
  1. select[8].name = 'osoba['+(i++)+'][umiejetnosc1]';
[JAVASCRIPT] pobierz, plaintext

5. Stworzyłem option:
[JAVASCRIPT] pobierz, plaintext 
  1. option[8] = document.createElement('option');
[JAVASCRIPT] pobierz, plaintext

6. edytowałem option
[JAVASCRIPT] pobierz, plaintext 
  1. option[8].name = "1";
[JAVASCRIPT] pobierz, plaintext

5. Umieściłem option w select
[JAVASCRIPT] pobierz, plaintext 
  1. select[8].appendChild( option[8] );
[JAVASCRIPT] pobierz, plaintext

6. Umieściłem select w li:
[JAVASCRIPT] pobierz, plaintext 
  1. li[8].appendChild( select[8] );
[JAVASCRIPT] pobierz, plaintext

7. Dodanie do odpowiedniego momentu w html:
[JAVASCRIPT] pobierz, plaintext 
  1. document.getElementById('skils').appendChild( li[8] );
[JAVASCRIPT] pobierz, plaintext
kamil4u
25.08.2011, 19:06:37
Ponieważ mylisz zmienną z tablicą...
np. option[8] - to 9 element tablicy option. Ty potrzebujesz użyć zmiennej, nie tablicy. Mówiłem, żebyś poczytał o tym!

Nie jestem na 100% pewien, ale name nie powinno być liczbą. Jak nie potrzebujesz edytować option to go nie edytujesz. Podpowiem też, że Ty głównie potrzebujesz zmienić value i innerHTML dla option.
Giluś
25.08.2011, 19:35:21
Działa smile.gif, ale teraz jak będę chciał dodać kolejny option to muszę, taki kod dawać:
[JAVASCRIPT] pobierz, plaintext 
  1. 	var option = document.createElement('option');
  2. 	option.innerHTML = '1'; 
  3. 	select.appendChild( option );
  4. 	var option = document.createElement('option');
  5. 	option.innerHTML = '2'; 
  6. 	select.appendChild( option );
  7. 	var option = document.createElement('option');
  8. 	option.innerHTML = '3'; 
  9. 	select.appendChild( option );
[JAVASCRIPT] pobierz, plaintext

Czy można to skrócić ?
kamil4u
25.08.2011, 19:46:44
Możesz stworzyć funkcję smile.gif
konole
25.08.2011, 20:31:41
Cytat(kamil4u @ 25.08.2011, 18:46:44 ) *
Możesz stworzyć funkcję smile.gif

Wywołałeś tym lawinę kolejnych 20 pytań.
Giluś
26.08.2011, 09:43:24
Może i wywołał, może i nie wywołał nie znam się za bardzo JavaScript, nie potrzebuję gotowców na każe moje pytanie, ale jak tylko mnie ktoś naprowadzi to na pewno sobie prędzej czy później poradzę, tak jak to zrobił kamil:
"
1. stwórz select
2. zedytuj select
3. stwórz option
4. zedytuj option
5. umiesc option do select-a
6. wróć do kroku 3, gdy chcesz więcej option
7. umieść select w li
"
Sam sobie zrobiłem większość skryptu i później poprawki jeśli coś było źle. smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.