Hallo,
Ik gebruik wat javascript om een tekst van op de server op een webpagina te tonen.
Hieronder een vereenvoudigde voorstelling:
In de .js file haal ik de tekst op (zit in map op server) met ajax.
Daar maak ik vervolgens een array van zodat iedere zin afzonderlijk staat.
In de html pagina zet ik alle zinnen onder elkaar met:
maar als de oorspronkelijke tekst korter dan het aantal h2 lijnen is, heb ik een aantal lege zinnen, niet zichtbaar maar wel aanwezig.
Kan ik dit met innerhtml oplossen in het script?
Bedankt om te helpen denken.
Ik gebruik wat javascript om een tekst van op de server op een webpagina te tonen.
Hieronder een vereenvoudigde voorstelling:
In de .js file haal ik de tekst op (zit in map op server) met ajax.
Daar maak ik vervolgens een array van zodat iedere zin afzonderlijk staat.
Code:
function fnHandleText(FileText) {
var TextArray = FileText.split(/\r?\n/g);
for (i = 0; i < TextArray.length; i++) {
document.getElementById("zin" + (i + 1)).innerHTML = TextArray[i];
}
}
In de html pagina zet ik alle zinnen onder elkaar met:
HTML:
<script>
var TextFileName = localStorage.getItem("Tekstpad");
</script>
<h2 id="zin1"></h2>
<h2 id="zin2"></h2>
<h2 id="zin3"></h2>
<h2 id="zin4"></h2>
<h2 id="zin5"></h2>
<h2 id="zin6"></h2>
<!--... en zo verder...-->
maar als de oorspronkelijke tekst korter dan het aantal h2 lijnen is, heb ik een aantal lege zinnen, niet zichtbaar maar wel aanwezig.
Kan ik dit met innerhtml oplossen in het script?
Bedankt om te helpen denken.