Archief - <br /> toevoegen door js

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

lorenzo

Legacy Member
Dit is mijn huidig script
Code:
<input id="button" type="button" value="add input" /><br /><br />
<div id="inputs"></div> 
<script type="text/javascript">
var target = document.getElementById("inputs"), count = 1, count2 = 1, addInput = function() {
	
	
    var input = document.createElement("input");
    input.setAttribute("name", "artikel"+count);
    input.setAttribute("id", "artikel"+count);
    input.setAttribute("value", "artikel"+count);
    input.setAttribute("size", 30);
    input.className = "foo";
    target.appendChild(input);
    count++;
	
    var input = document.createElement("input");
    input.setAttribute("name", "prijs"+count2);
    input.setAttribute("id", "prijs"+count2);
    input.setAttribute("value", "prijs"+count2);
    input.setAttribute("size", 30);
    input.className = "foo";
    target.appendChild(input);
    count2++;
 
};
document.getElementById("button").onclick = addInput;
</script>

als ik op de knop add input klik, krijg ik dus 2 extra inputvelden met hun unieke waarden.
maar ik had graag een <br /> erna gekregen.

ik ben een totale leek op vlak van javascript, ik heb nu al tijdje zitten googlen maar niets gevonden dat werkt.

document.createElement('br'); heb ik al overal proberen te plaatsen, maar niets dat het doet lukken.

:help:
thx,
Lorenzo

KenSpectre

Legacy Member
Je kan html toevoegen door:

Code:
   document.write('<p>This is a paragraph</p>');

dus voor jou:

Code:
   document.write('<br />');

lorenzo

Legacy Member
die had ik ook al ergens gevonden,

maar als ik dat in mijn functie laat uitvoeren krijg ik een blanco pagina als ik op add input klik.

En als ik het voor of na
document.getElementById("button").onclick = addInput;
plaats, doet het ook niets.

tog bedankt voor uw hulp :)

passero

Legacy Member
Voor (of erna gezien ge begint met er eentje toe te voegen)

target.appendChild(input);

doet ge

target.innerHTML += "<br/>";

lorenzo

Legacy Member
passero zei:
Voor (of erna gezien ge begint met er eentje toe te voegen)

target.appendChild(input);

doet ge

target.innerHTML += "<br/>";

thank you, thank you, thank you ! ! :) +rep

adrianhates

Legacy Member
Beter zou zijn om aan uwe laatste input een margin te geven.

input.style.marginBottom = "10px";

of met jQuery

$("input#id").css("margin-bottom","10px");

passero

Legacy Member
input fields worden toch standaard als inline beschouwd dus de margin-bottom zal toch niets uitmaken?

je moet dan ook de display = "block" zetten of niet?
dan kan je dat idd doen zonder br.

adrianhates

Legacy Member
passero zei:
input fields worden toch standaard als inline beschouwd dus de margin-bottom zal toch niets uitmaken?

je moet dan ook de display = "block" zetten of niet?
dan kan je dat idd doen zonder br.

Goe opgemerkt!
Verbetering:
Beter zou zijn om aan uwe laatste input een margin te geven.

input.style.display = "block";
input.style.marginBottom = "10px";

of met jQuery

$("input#id").css("display","block");
$("input#id").css("margin-bottom","10px");

is uiteindelijk meer code dan innerHTML , maar volgens mij is da een beetje deprecated
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan