Problema javascript

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

Avatar utilizator
Xposed
Average Member
Mesaje: 143
Membru din: Mie Ian 11, 2006 9:50 pm
Contact:

Problema javascript

Mesajde Xposed » Mie Mai 05, 2010 11:24 am

Buna ziua.
Am si eu o problema legata de javascript(nu prea ma pricep). Ceea ce am nevoie este un hint sau un exemplu de cod care sa faca urmatorul lucru:

Am un formular pentru file upload, dupa ce omul baga fisier in primul input de tip file si da OK sa mai apara un camp de file upload gol si tot asa.

Daca aveti vreo idee va rog sa ma ajutati. Mersi mult.



Aling
Average Member
Mesaje: 63
Membru din: Vin Ian 04, 2008 10:15 am

Mesajde Aling » Mie Mai 05, 2010 11:38 am

Bagi vreo 5 input-uri tip file în câte un span. Le dai un ID și proprietatea "visibility:hidden;" la ultimele 4.
Documentează-te despre evenimentul ”onclick”.
După ce utilizatorul dă click pe browse (nu poți afla când dă click pe OK) atunci faci o funcție care dezvăluie următorul buton cu document.getElementbyId("id_span").visibility = "visible";

iSeLast
Junior Member
Mesaje: 42
Membru din: Mar Mar 30, 2010 2:35 pm
Localitate: Rm. Valcea
Contact:

Mesajde iSeLast » Mie Mai 05, 2010 9:32 pm

faci o functie care sa iti adauge cate o caseta de upload la onChange pentru input-ul anterior. in functia aia ar fi simplu sa preiei mai intai id-ul precedent, apoi sa lucrezi pe stringul ala si sa schimbi valoarea numerica pe care o contine ( string.replace() ) si sa faci : document.write("<input... id="+idnou+".../>");

Asta daca vrei sa faca multe casute si sa le adauge pe parcurs. Si ideea lui Aling e buna.

Avatar utilizator
socu
Senior Member
Mesaje: 470
Membru din: Mie Apr 22, 2009 11:05 pm
Localitate: Marghita

Mesajde socu » Mie Mai 05, 2010 11:26 pm

cam asta ar fi ideea:

Cod: Selectaţi tot

<script>
function duplicate(obj)
{
var file=document.createElement("input"); //element nou
file.type=obj.type; file.name=obj.name; file.className=obj.className; //proprietati

file.onchange=obj.onchange; //functia onchange
obj.onchange=null; //doar ultimul "Browse" adauga alt camp, restu doar se schimba

obj.parentNode.appendChild(document.createElement("br")); //linie intre campuri
obj.parentNode.appendChild(file); //afisare
}
</script>
<input type="file" name="poze[]" onchange="duplicate(this)" />



Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Majestic-12 [Bot] și 8 vizitatori