Hallo,
Ik heb op mijn website 3 kolommen met tekst gemaakt. Aangezien dit een grote lap tekst is heb ik een stuk javascript dat de tekst afbreekt, er een button onder zet met [meer], of [minder].
Als ik dit in alle 3 de kolommen gebruikt dan werkt het niet goed. bv ik klik in kolom 3 op [meer] en dan gebeurd de actie alleen in kolom 1.
Ik begrijp dat dit komt door de id's die gebruikt worden in het script.
Nu kan ik dat ondervangen door het script 3 keer te kopieren, de id's aan te passen en dan werkt alles prima.
in kolom 2 gebruik ik dan de id's: dots2, more2 en myBtn2, in kolom 3 dus 3.
Maar ik vraag mij toch af of dit niet mogelijk is met maar 1 script, aangezien ik wel 15 kolomen tekst met zo'n meer/minder button kan zetten en dan zou je 15 keer dat script moeten kopieren.
Dit is het script:
[CODE
<script>
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Meer";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Minder";
moreText.style.display = "inline";
}
}
</script>
[/CODE]
Hier roep ik het aan in de index.html
[CODE
<p><strong>Wat is bioactief?</strong><br />
In de terrariumhobby slaat de term ‘bioactief’ op een huisvestingstype waarin geprobeerd word natuurlijke processen te simuleren of creëren. Als het ware een klein ecologisch systeem die het natuurlijk habitat van de gehuisveste soort nabootst en een biologische vorm van afvalverwerking heeft.</p><center><span id="dots">...</span></center><span id="more">
<p>Deze techniek is eigenlijk sinds jaar en dag al bekend en de grote favoriet in de aquariumhobby. Bodem, filtratie, bewoners en vaak planten zijn essentiële onderdelen in het nabootsen en in evenwicht houden van een leefomgeving. In een aquarium is een filter niet alleen om je water helder te houden maar dient deze ook als oppervlakte voor belangrijke micro-organismen om afvalstoffen te verwerken en neutraliseren. Bewoners zijn niet alleen om naar te kijken maar ook om algen of restafval te eten. Planten helpen bij de afvalverwerking, de pH-waarde stabiel houden en zuurstofafgifte. Elk deel is onderdeel van een natuurlijke aankleding maar ook ter onderhoud en ondersteuning van deze omgeving. Vaak is een balans nodig om alles in stand te houden. Zonder vissen en ongewervelden worden er geen afvalstoffen geproduceerd waardoor er geen voeding is voor de micro-organismen. Zonder micro-organismen is er geen afvalverwerking waardoor deze concentratie in het water te hoog word en uiteindelijk schadelijk kan zijn.</p>
<p>In een terrarium werd een dergelijke balans voornamelijk gevonden in paludaria. Planten werken als natuurlijke filters van lucht en water. Deze halen hun voeding onder andere uit afvalstoffen geproduceerd door de bewoners. Kleine ongewervelden als springstaartjes die men voornamelijk als voeding in het verblijf plaatsten bleken ideale diertjes te zijn om schimmels, algen en restafval te verwerken. Deze balans probeert men nu in steeds meer biotooptypes voor diverse soorten te bewerkstelligen.</p></span>
<center> <button onclick="myFunction()" id="myBtn">Meer</button></center>
[/CODE]
Ik heb op mijn website 3 kolommen met tekst gemaakt. Aangezien dit een grote lap tekst is heb ik een stuk javascript dat de tekst afbreekt, er een button onder zet met [meer], of [minder].
Als ik dit in alle 3 de kolommen gebruikt dan werkt het niet goed. bv ik klik in kolom 3 op [meer] en dan gebeurd de actie alleen in kolom 1.
Ik begrijp dat dit komt door de id's die gebruikt worden in het script.
Nu kan ik dat ondervangen door het script 3 keer te kopieren, de id's aan te passen en dan werkt alles prima.
in kolom 2 gebruik ik dan de id's: dots2, more2 en myBtn2, in kolom 3 dus 3.
Maar ik vraag mij toch af of dit niet mogelijk is met maar 1 script, aangezien ik wel 15 kolomen tekst met zo'n meer/minder button kan zetten en dan zou je 15 keer dat script moeten kopieren.
Dit is het script:
[CODE
<script>
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Meer";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Minder";
moreText.style.display = "inline";
}
}
</script>
[/CODE]
Hier roep ik het aan in de index.html
[CODE
<p><strong>Wat is bioactief?</strong><br />
In de terrariumhobby slaat de term ‘bioactief’ op een huisvestingstype waarin geprobeerd word natuurlijke processen te simuleren of creëren. Als het ware een klein ecologisch systeem die het natuurlijk habitat van de gehuisveste soort nabootst en een biologische vorm van afvalverwerking heeft.</p><center><span id="dots">...</span></center><span id="more">
<p>Deze techniek is eigenlijk sinds jaar en dag al bekend en de grote favoriet in de aquariumhobby. Bodem, filtratie, bewoners en vaak planten zijn essentiële onderdelen in het nabootsen en in evenwicht houden van een leefomgeving. In een aquarium is een filter niet alleen om je water helder te houden maar dient deze ook als oppervlakte voor belangrijke micro-organismen om afvalstoffen te verwerken en neutraliseren. Bewoners zijn niet alleen om naar te kijken maar ook om algen of restafval te eten. Planten helpen bij de afvalverwerking, de pH-waarde stabiel houden en zuurstofafgifte. Elk deel is onderdeel van een natuurlijke aankleding maar ook ter onderhoud en ondersteuning van deze omgeving. Vaak is een balans nodig om alles in stand te houden. Zonder vissen en ongewervelden worden er geen afvalstoffen geproduceerd waardoor er geen voeding is voor de micro-organismen. Zonder micro-organismen is er geen afvalverwerking waardoor deze concentratie in het water te hoog word en uiteindelijk schadelijk kan zijn.</p>
<p>In een terrarium werd een dergelijke balans voornamelijk gevonden in paludaria. Planten werken als natuurlijke filters van lucht en water. Deze halen hun voeding onder andere uit afvalstoffen geproduceerd door de bewoners. Kleine ongewervelden als springstaartjes die men voornamelijk als voeding in het verblijf plaatsten bleken ideale diertjes te zijn om schimmels, algen en restafval te verwerken. Deze balans probeert men nu in steeds meer biotooptypes voor diverse soorten te bewerkstelligen.</p></span>
<center> <button onclick="myFunction()" id="myBtn">Meer</button></center>
[/CODE]