[javascript]dynamische form objecten - Softwareontwikkeling

maandag 8 november 2004 14:50

Acties:

eeeeeeeehhhhh 'mmmke

Topicstarter

Ik ben op zoek naar ene manier om dynamisch input text-velden te maken d.m.v. een getal uit een checkbox. waarbij het getal in de checkbox staat voor het aantal input velden.

Ik heb het al voor elkaar gekregen om het gewenste aantal input text-velden op een nieuwe pagina te krijgen. Echter wil ik het dus op dezelfde pagina. Ook is het mij gelukt om de code voor de input text-velden in een text area te krijgen. maar niet op de pagina zelf.

Ik weet dat je control elementen d.w.v. display:none en block kan hiden en tevoorschijn kan halen. Echter zijn de objecten dan al aangemaakt. Ik wil ze dus on the fly genereren. Heeft iemand misschien een opzetje voor mij.

een schoner internet begint bij jezelf

maandag 8 november 2004 14:52

Acties:

André

Analytics dude

Het hiden/unhiden met display is niet wat je zoekt. Jij moet een script maken dat gewoon realtime elementen aan het DOM toevoegt.

Zoek eens op 'document.createElement' en 'appendChild' en je zult veel script vinden die iets toevoegen aan een bestaande pagina

edit:

der is hier iemand laat

[ Voor 34% gewijzigd door André op 08-11-2004 14:54 ]

maandag 8 november 2004 14:53

Acties:

BtM909

Watch out Guys...

aantal leuke zoekwoorden:
• createElement
• appendChild

edit:
is die lion-fokker weer sneller

[ Voor 29% gewijzigd door BtM909 op 08-11-2004 14:53 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 8 november 2004 15:48

Acties:

kEUS

eeeeeeeehhhhh 'mmmke

Topicstarter

ik dank u vriendelijk, een schop in de goede richting doet wonderen en voorkomt frustratie :-)

toch nog een vraagje

JavaScript:

<html>
<head>

  <script language='javascript'>
var teller=0;
    function addRow() {
      var r  = document.createElement('<input type="text" name="test'+teller+'"  />');
      var b  = document.createElement('<br />');
      var t  = document.getElementById('naam');

      t.appendChild(r);
      t.appendChild(b);
      teller++;
    }

  </script>

</head>
<body>

   <form>
   <br><input type=button value='add Row' onClick='addRow()'>
   </form>
<div id="naam">

</div>

</body>
</html>

werkt in IE prima, echter in mozilla blijft de pagina leeg, maar als ik de DOM inspector bekijk worden de input velden wel degelijk in de div gegenereerd.

maar mozilla laat niets zien.

[ Voor 113% gewijzigd door kEUS op 08-11-2004 16:33 . Reden: toevoeging toch klein probleempje ]

een schoner internet begint bij jezelf

maandag 8 november 2004 16:56

Acties:

Verwijderd

JavaScript:

1
2
3

var r  = document.createElement('input');
r.setAttribute('name', 'test'+teller);
r.setAttribute('type', 'text');

etc..

Je voegt nu trouwens formelementen toe aan een DIV buiten het formulier!

maandag 8 november 2004 17:52

Acties:

kEUS

eeeeeeeehhhhh 'mmmke

Topicstarter

na wat reference dingen uitgespit te hebben zag ik inderdaad iets met attribute staan. Dacht wel dat daar iets mee was. Wel irri dat IE er weer zo slordig mee omgaat waardoor ik niet meteen afgestraft wordt. Gebruik editplus met ingebouwde iebrowser vandaar.

Je voegt nu trouwens formelementen toe aan een DIV buiten het formulier

Ja zag het, is nu niet zo'n ram.p Is gewoon ff een klad html bestand. moet later in een php komen.
snapte wel dat ik naar een div-id moet verwijzen.

een schoner internet begint bij jezelf