[es] - dinamicko pojavljivanje slijedeceg textfielda

cronewbie

Član broj: 143514
Poruke: 32
*.adsl.net.t-com.hr.

Profil

dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:28}

Pozdrav,

Imam zadatak napraviti registracijsku formu ali ne u konvencionalnom obliku predefinirah xy polja nego malo drugaciju. Ideja je da user koji popunjava registracijski form ima neke textfieldove unaprijed prezentirane i koje mora popuniti (tipa ime, prezime, adresa i slicno), ali poslije toga dolazim do jednog zanimljivog slucaja, a taj je da bi trebao naznaciti cime se njegova firma bavi. E sad, tu se javlja moj problem radi toga sto se neka firma ne mora baviti iskljucivo jednom djelatnoscu nego s njih vise. Ja bih zelio napraviti to u stilu da mu se prikaze nesto tipa:

Upisite svoju djelatnost:_______________ i pokraj toga nesto tipa "dodaj još jednu", nakoj cega bi se klikom na taj link "dodaj jos jednu" jednostavno pojavio ispod prve jos jedan textfield za upis nove djelatnosti. Limitirao bih sve to na nekih max. 15 "dodaj jos jednu" textfieldova. Kako bi mi bilo najbolje da to napravim? Da li je moguce da se to radi preko ugnjezdjenih <div>-ova? Nesto tipa:
<div1>
<div2>
<div3>
....
</div15>
</div14>
...
</div1>?

Postoji li neki elegantniji nacin? Bolji, prakticniji?

^{05.05.2007. u 08:28}

1r0nM4n
Nenad Vasić
Web Developer
Beograd

Član broj: 55970
Poruke: 441
*.ikomline.net.

ICQ: 303614173
Sajt: www.nenadvasic.com

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:36}

To ti je čist javascript..

^{05.05.2007. u 08:36}

cronewbie

Član broj: 143514
Poruke: 32
*.adsl.net.t-com.hr.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:47}

A da li mogu mozda dobiti negdje primjer takvog javascripta?

^{05.05.2007. u 08:47}

sale83
Network Engineer, Australia
Sydney

Član broj: 41625
Poruke: 650
*.ispone.net.au.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:53}

Evo na brzinu:

Code:

<script type="text/javascript">
    var i = 1;
function addInput()
{
    var input = document.getElementById("txt");
    input.innerHTML += "txtBox : " + i + " <input type=\"text\" name=\"txtBox\" value=\"\"/><br>";
    i++;
}
</script>

txtBox : 0 <input type="text" name="txtBox" id="txtBox" value=""/><br>
<div id="txt"></div>
<a href="#" onClick="addInput(); return false;">Dodaj</a>

Limitaciju odradi sam :)

Poz
sale

Sto mozes danas ne ostavljaj za sutra!

^{05.05.2007. u 08:53}

cronewbie

Član broj: 143514
Poruke: 32
*.adsl.net.t-com.hr.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 09:40}

Da, to je princip koji sam tražio. Ali nisam neki javascripter, a ovo tvoje rješenje radi, ali kada upisujem novi input u svako slijedece polje, text ostaje samo za prvi textfield, dok kod ostalih nestaje dodavanjem svakog slijedeceg fielda?

^{05.05.2007. u 09:40}

Miroslav Ćurčić
ex mVeliki
Novi Sad

Član broj: 19034
Poruke: 1077
*.dynamic.sbb.co.yu.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 10:53}

A da ti njemu staviš textarea-u pa da delatnosti budu razdvojene po redovima ?

_{"The quieter you become, the more you are able to hear."}

^{05.05.2007. u 10:53}

sale83
Network Engineer, Australia
Sydney

Član broj: 41625
Poruke: 650
*.ispone.net.au.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 11:56}

A verovatno koristis Firefox pa ti se gube podaci :)

Ok
Evo drugu resenje sa gde cuvas vrednosti u nizu:

Code:

<script type="text/javascript">

var arrValue = new Array(0);

function addInput() {
   arrValue.push("");
   document.getElementById('txt').innerHTML="";

  for (i=0;i<arrValue.length;i++)
     {
var input="<input type='text' id='txtBox "+ i +"' onChange='javascript:saveValue("+ i +",this.value)' value='"+ arrValue[i] +"'><br>";

    document.getElementById('txt').innerHTML+=input;
    }

}

function saveValue(id,value) {
  arrValue[id]=value;
}

</script>

<input type="text" name="txtBox" id="txtBox" value=""/><br>
<div id="txt"></div>
<a href="javascript:addInput()">Dodaj</a><br>

Poz
sale

PS- Pa ovo treba da se prebaci u JS lol :)

Sto mozes danas ne ostavljaj za sutra!

^{05.05.2007. u 11:56}

Pavleg

Član broj: 112866
Poruke: 78
*.teol.net.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.09.2007. u 01:20}

Meni baš ova skripta treba a nisam vešt sa Javaskriptom. Skripta radi OK sa text inputima.
Ali meni treba da se klikom na 'dodaj još' pojave 'textarea' i 'input file' zajedno. Prepravkama gornje
skripte sam to i omogućio ali nisam uspeo da nateram da se čuvaju vredosti prethodnih polja kada se pojave nove.
Kako bi se to moglo izvesti?

^{05.09.2007. u 01:20}

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4529
195.178.55.*

Sajt: www.novikorisnik.net

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.09.2007. u 09:22}

Code:
<button id="dodavac" onclick="dodajPolja (); return false;">Dodaj Polja</button>
<script>
var poljaCount = 0;
var poljaMax = 5;
function dodajPolja () {
    if (poljaCount < poljaMax) {
        var novi = document.createElement ('div');
        var dod = document.getElementById ('dodavac');
        novi.innerHTML = "text <input type=\"text\" name=\"txt[]\" /><br />";
        novi.innerHTML += "area <textarea name=\"area[]\"></textarea><hr />";
        dod.parentNode.insertBefore (novi, dod);
        poljaCount++;
    } else alert ('Nema vise dodavanja, ispunjen limit : ' + poljaCount);
}
dodajPolja ();
</script>

BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo

^{05.09.2007. u 09:22}

Pavleg

Član broj: 112866
Poruke: 78
*.bc.pttrs.net.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.09.2007. u 11:39}

To je to

Veliko hvala!

^{05.09.2007. u 11:39}

bigguy
borisav ignjatov
zrenjanin

Član broj: 87859
Poruke: 266
*.com.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{12.02.2008. u 08:16}

da ne bih otvarao novu temu, ovde cu pokusati da dobijem odgovor. kao i korisnik koji je otvorio ovu temu nisam vest sa js ali mi treba nesto slicno ovome. naime, nesto sam prilagodio sebi, limitirao na 1 polje i izbacio text polje, i koristim sa radio dugmadima umesto sa obicnim dugmetom. sve radi ali meni treba da se novo polje pojavi ispod svih radio dugmadi, a ne odmah ispod ili iznad pritisnutog radio dugmeta, da li je to moguce? i jos nesto, posto je varijanta takva da ne treba biranjem svakog radio dugmeta da se pojavi novo polje kako obrisati polje koje je napravljeno nakon npr. pogresno izabranog radio dugmeta?

^{12.02.2008. u 08:16}

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4529
195.178.55.*

Sajt: www.novikorisnik.net

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{19.02.2008. u 09:38}

Neće ti biti teško što kasnim nedelju dana s odgovorom? Bio sam na višegodišnjem odmoru, sorry :-)

Čuj, svaki se jezik uči uz čitanje dokumentacije. Pretraži onda malo net za ključne reči insertBefore (to se koristilo u prethodnom primeru) i appendChild (to bi ti možda pomoglo prema opisu koji navodiš).

Aj poz.

BoxUp
interesantna logička igra
Monty Hall paradoks - interaktivni demo

^{19.02.2008. u 09:38}

Aleksandar Ružičić
Software Developer, Joker Games d.o.o.
Beograd

SuperModerator
Član broj: 26939
Poruke: 2850
79.101.12.*

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{19.02.2008. u 23:30}

ili koristi jQuery i append/prepend i slicne funkcije :)

W3 Schools - An Intervention
rafforum.rs - Forum Računarskog Fakulteta

^{19.02.2008. u 23:30}

bigguy
borisav ignjatov
zrenjanin

Član broj: 87859
Poruke: 266
*.com.

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{20.02.2008. u 09:23}

hvala, uspeo sam naci nesto na mrezi, pa sam iskombinovao, na osnovu ovog primera i toga sto sam nasao. trenutno mi nije kod pri ruci ali cim stignem cu ubaciti pa ocenite kako kombinujem

i jos nesto kada sam to sve probao u ie nije radilo bas kako treba dok u ff funkcionise onako kako sam zamislio...

^{20.02.2008. u 09:23}

Aleksandar Ružičić
Software Developer, Joker Games d.o.o.
Beograd

SuperModerator
Član broj: 26939
Poruke: 2850
*.dynamic.adsl.itsisp.net.

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{20.02.2008. u 20:22}

pa daj kod pa cemo da vidimo gde je problem

W3 Schools - An Intervention
rafforum.rs - Forum Računarskog Fakulteta

^{20.02.2008. u 20:22}

bigguy
borisav ignjatov
zrenjanin

Član broj: 87859
Poruke: 266
212.200.179.*

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{25.02.2008. u 20:22}

malo se oduzilo ali evo koda:

Code:

<script>
function addElement() {
  var ni = document.getElementById('myDiv');
  var newdiv = document.createElement('div');
  var divIdName = 'myDiv1';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = '<span style=\'float: left; width: 250px; text-align: left; font: bold 12px verdana; color:#666; \'>textarea: <textarea cols="30" rows="5" name=\"text\"></textarea></span>';
  ni.appendChild(newdiv);
}
function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
function add() {
    if (document.getElementById('myDiv1'))
    {
        removeElement('myDiv1');
    }
    addElement();
}
</script>

<span class='label'><input type="radio" name="odgovor" value="radio" onchange="add();"> Radio</span><br><br>
<span class='label'><input type="radio" name="odgovor" value="checkbox" onchange="add();"> Checkbox</span><br><br>
<span class='label'><input type="radio" name="odgovor" value="text" onchange="removeElement('myDiv1');"> Text</span><br><br>
<div id="myDiv"></div>

e sad zasto ie ne radi isto sto i ff?

^{25.02.2008. u 20:22}