Hey, Ik kan eindelijk printen naar me pdf file en ook de reset knop werkt maar na dat ik mijn PDF heb uitgeprint dan kan ik de reset knop niet meer gebruiken en ook de kleuren veranderen niet meer als ik op de f5 knop druk dan doet alles het weer. Iemand enig idee hoe ik dit kan oplossen? Want ik moet ook vragen gaan invullen en die wil ik niet constant opnieuw in moeten voeren.
Code:
Alvast bedankt voor de hulp.
Code:
Code:
<html>
<div id="printableArea">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<div id="items">
<p class="item blue"></p>
<p class="item blue"></p>
<p class="item blue"></p>
<p class="item blue"></p>
<p class="item blue"></p>
</div>
<button id="btn">Reset kleur</button>
<script>
$(document).ready(function() {
$('.item').click(function() {
$(this).toggleClass('highlight');
});
$('#btn').click(function() {
$('#items').children('.item').removeClass('highlight');
});
});
</script>
<script>
document.getElementById('btn').addEventListener('click', resetBackgrounds);
function resetBackgrounds(){
var allRows = document.getElementsByClassName('white');
for(var i=0;i<allRows.length;i++){
allRows[i].style.backgroundColor = 'white';
}
}
</script>
<input type="button" onclick="printDiv('printableArea')" value="Klaar " />
</div>
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
</html>
Alvast bedankt voor de hulp.
Laatst bewerkt door een moderator: