login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Nieuw invoerveld toevoegen.

Offline Nanon - 22/05/2007 18:18
Avatar van NanonPHP interesse Beste webcoders,

Is het met javascript mogelijk om door op een button (bijvoorbeeld) te klikken dat er een extra invoerveld komt.

Bijvoorbeeld; een gebruiker wilt een link toevoegen en misschien wel meer, dat de gebruiker ergens op klikt waardoor er vervolgens een extra invoerveld komt ( zonder refresh en de input van de andere velden niet wordt geleegd )
Of van te voren in te geven hoeveel invoervelden de gebruiker wilt.

Weet iemand hoe men zo'n script noemt, mocht het bestaan.

Alvast bedankt.

2 antwoorden

Gesponsorde links
Offline Grayen - 22/05/2007 18:30 (laatste wijziging 22/05/2007 18:33)
Avatar van Grayen PHP ver gevorderde het bestaat en is best simpel te maken ook nog. Ik weet niet hoe het heet, maar zal even kijken hoe ik het had gedaan (is een lange tijd geleden).

Ik gebruikte toen deze code, maar ik zal vanavond een betere maken .

  1. /* Nieuw file veld toevoegen */
  2. var aantal = 0;
  3. function nieuwUpload(){
  4. aantal++;
  5. var ouder = document.getElementById('ouder');
  6. var kind = document.createElement('div');
  7. kind.setAttribute('id', aantal);
  8. kind.setAttribute('name', aantal);
  9. kind.innerHTML = '<label for="bestand[]">Bestand</label><input type="file" id="bestand[]" name="bestand[]" /><input type="button" onclick="verwijderVeld(' + aantal + ')" value="X" /><br />';
  10. ouder.appendChild(kind);
  11. }
  12.  
  13. /* Veld verwijderen */
  14. function verwijderVeld(nr) {
  15. var ouder = document.getElementById('ouder');
  16. var verwijder = document.getElementById(nr);
  17. ouder.removeChild(verwijder);
  18. }
Offline marten - 22/05/2007 18:55
Avatar van marten Beheerder Zapatec heeft hier ook een hele mooie oplossing voor. FF googlen naar Zapatec en je hebt het.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.261s