Srodne teme

14.04.2024. Re: Gde je Kejt? (samo pogrešni odgovori)
11.09.2002. Dinamicko kreiranje klasa
09.06.2013. Dinamicko programiranje
15.07.2004. Programiranje Texas instruments MSP430 mikrokontr..
29.08.2005. pojavljivanje pa nestajanje na googleu
31.10.2005. Fuji f11 - informacije?
23.11.2005. menjanje teksta dugmeta
08.04.2006. dinamicko pretrazivanje
06.09.2006. Dinamicko definicanje promenljivih
17.03.2007. podaci iz jframe u jdialog

Navigacija

Brisanje liste

Lista poslednjih: 16, 32, 64, 128 poruka.

dinamicko pojavljivanje slijedeceg textfielda

[es] :: Javascript i AJAX :: dinamicko pojavljivanje slijedeceg textfielda

[ Pregleda: 3355 | Odgovora: 15 ] > FB > Twit

Autor

cronewbie

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

Profil

dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:28 - pre 206 meseci}

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?

Odgovor na temu

1r0nM4n
Nenad Vasić
Web Developer
Beograd

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

ICQ: 303614173
Sajt: www.nenadvasic.com

+1 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:36 - pre 206 meseci}

To ti je čist javascript..

Odgovor na temu

cronewbie

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

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:47 - pre 206 meseci}

A da li mogu mozda dobiti negdje primjer takvog javascripta?

Odgovor na temu

sale83
Australia
Sydney

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

+30 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 08:53 - pre 206 meseci}

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!

Odgovor na temu

cronewbie

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

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 09:40 - pre 206 meseci}

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?

Odgovor na temu

Miroslav Ćurčić
ex mVeliki
Novi Sad

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

+19 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 10:53 - pre 206 meseci}

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."}
Blog | PowerCMS

Odgovor na temu

sale83
Australia
Sydney

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

+30 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.05.2007. u 11:56 - pre 206 meseci}

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!

Odgovor na temu

Pavleg

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

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.09.2007. u 01:20 - pre 202 meseci}

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?

Odgovor na temu

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4533
195.178.55.*

Sajt: www.novikorisnik.net

+5 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.09.2007. u 09:22 - pre 202 meseci}

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

Odgovor na temu

Pavleg

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

Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{05.09.2007. u 11:39 - pre 202 meseci}

To je to

Veliko hvala!

Odgovor na temu

bigguy
borisav ignjatov
nista
zrenjanin

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

+1 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{12.02.2008. u 08:16 - pre 196 meseci}

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?

Odgovor na temu

noviKorisnik
Dejan Katašić
Novi Sad

Član broj: 13216
Poruke: 4533
195.178.55.*

Sajt: www.novikorisnik.net

+5 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{19.02.2008. u 09:38 - pre 196 meseci}

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

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

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

+44 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{19.02.2008. u 23:30 - pre 196 meseci}

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

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

bigguy
borisav ignjatov
nista
zrenjanin

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

+1 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{20.02.2008. u 09:23 - pre 196 meseci}

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...

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

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

+44 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{20.02.2008. u 20:22 - pre 196 meseci}

pa daj kod pa cemo da vidimo gde je problem

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

bigguy
borisav ignjatov
nista
zrenjanin

Član broj: 87859
Poruke: 267
212.200.179.*

+1 Profil

Re: dinamicko pojavljivanje slijedeceg textfielda

^{25.02.2008. u 20:22 - pre 196 meseci}

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?

Odgovor na temu

[es] :: Javascript i AJAX :: dinamicko pojavljivanje slijedeceg textfielda

[ Pregleda: 3355 | Odgovora: 15 ] > FB > Twit

Srodne teme

14.04.2024. Re: Gde je Kejt? (samo pogrešni odgovori)
11.09.2002. Dinamicko kreiranje klasa
09.06.2013. Dinamicko programiranje
15.07.2004. Programiranje Texas instruments MSP430 mikrokontr..
29.08.2005. pojavljivanje pa nestajanje na googleu
31.10.2005. Fuji f11 - informacije?
23.11.2005. menjanje teksta dugmeta
08.04.2006. dinamicko pretrazivanje
06.09.2006. Dinamicko definicanje promenljivih
17.03.2007. podaci iz jframe u jdialog

Navigacija

Lista poslednjih: 16, 32, 64, 128 poruka.