Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

[JavaScipt]Dodanie napisu przed polem tekstowym generowanym przez JS

#1
Cool  [JavaScipt]Dodanie napisu przed polem tekstowym generowanym przez JS
Witam,

jestem początkujący jeśli chodzi o JavaScript i być może trafiłem na banalny problem, ale dla mnie to nadal problem:D

Mam sobie na stronce button, który po każdym wciśnięciu generuje dwa pola tekstowe (textboxy). Problem mam taki, że chciałbym, aby przed pierwszym z pól tekstowych pojawił się napis 'OD', natomiast przed drugim napis 'DO'. Obrazując to poprzez html ma wyglądać ma to mniej więcej tak:

Kod:
OD<input type="text" name="od" size="2" maxlength="2" />DO<input type="text" name="do" size=2" maxlength="2" />

Poniżej prezentuje kod działania skryptu JS, oczywiście bez tego tekstu 'OD'/'DO', który chciałbym uzyskać z waszą pomocąWesoły

Kod:
<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;
    
    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;

    var cent = document.createElement("CENTER");
    document.body.appendChild(cent);
    //var lab1 = document.createElement("LABEL');
    //lab1.body.appendChild(lab1);
    //lab1.textContent = "OD";
    //lab1.innerHTML = "OD";
    //element.innerHTML += "<label>OD</label>";
    cent.appendChild(obj);
    cent.appendChild(objSec);
    
}
</script>

Próbowałem różnych kombinacji: z label/innerHTML itd, ale nie przyniosło mi to zamierzonych skutków. Z innerHTML wypisuje, ale nie tak jak trzeba, bowiem wypisuje tylko ostatni napis ('DO'), a ponad to wypisuje go w nowym oknie, zastępując okno główne - przez to nie mam możliwości klikania na button i generowania kolejnych pól tekstowych.

Mam nadzieję, że w miarę czytelnie to opisałem i będziecie w stanie mi pomócWesoły

POZDROSzczerbol
 System operacyjny: windows_seven Przeglądarka: firefox
#2
RE: [JavaScipt]Dodanie napisu przed polem tekstowym generowanym przez JS
Może wsadź te teksty "od" i "do" do <span>, tzn. utwórz elementy span tak samo jak tworzysz input i umieść w nich tekst.
 System operacyjny: linux Przeglądarka: opera
Programy: Polecane / Nowe / Inne




Podobne wątki ([JavaScipt]Dodanie napisu przed polem tekstowym generowanym przez JS)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  PHP - Sprawdzenie wartości przed dodaniem do bazy MYSQL dawswi1 0 1145 20.02.2020, 22:21
Ostatni post: dawswi1
  [php] dodanie prostego wpisu do bazy danych logan0125 8 11717 05.05.2015, 10:13
Ostatni post: koneton
  Dodanie tagu [center] w phpbb 3.1.3 Tazz 0 6819 26.03.2015, 19:16
Ostatni post: Tazz

Skocz do:


Wybrane wątki ([JavaScipt]Dodanie napisu przed polem tekstowym generowanym przez JS)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak pobrać filmy na dysk zamieszczone na tej stronie? adolek17 4 1658 06.02.2020 14:36
Ostatni post: panaho
  "Na czym" postawiona jest ta strona? OxyGenE 4 1723 04.02.2020 21:35
Ostatni post: kompowiep
  Błędy składniowe PHP dawswi1 1 1703 26.01.2020 18:22
Ostatni post: hydr4x
  Przekazywanie stanu sesji między plikami php dawswi1 2 1666 26.01.2020 16:35
Ostatni post: dawswi1
  Mixed content na protokole HTTPS Unlimited 1 3212 20.11.2019 14:05
Ostatni post: raxer
  Pozycjonowanie, toksyczne linki Alsenas 13 5734 19.11.2019 14:48
Ostatni post: Centor
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 5992 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 4193 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 4127 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 4153 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 3805 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 6859 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 6232 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 6919 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 7910 13.04.2019 10:29
Ostatni post: wlisik