print af div
Hej har brug for noget hjælp til en funktion der skulle kunne uskrive inholdet af et div
Jeg har fundet noget kode på nettet, som også virker, men mit problem er at nu når jeg så vil overføre den til noget kode, som jeg har lavet så virker det ikke.
Det der sker det at den bare indlæser den samme side hvor man kommer fra uden at den sender det der skal printes.
Håber dette giver lidt mening :)
Her er koden uden mit eget inhold:
<script type="text/javascript">
function printSelection(node){
var content=node.innerHTML
var pwin=window.open('','print_content','width=100,height=100');
pwin.document.open();
pwin.document.write('<html><body onload="window.print()">'+content+'</body></html>');
pwin.document.close();
setTimeout(function(){pwin.close();},1000);
}
</script>
<div id="test">
<a href="" onclick="printSelection(document.getElementById('test'));return false">print</a><br />
this is a test
</div>
Her har i så den kode, som jeg har lavet og tilføjet print funktionen men det virker ikke "hjælp hjælp":
<p><script type="text/javascript">
function showTip(id) {
var e = document.getElementById(id);
if (e.style.display == '' || e.style.display == 'none') {
e.style.display = 'block';
}
}
function hideTip(id) {
var e = document.getElementById(id);
e.style.display = 'none';
}
function printSelection(node){
var content=node.innerHTML
var pwin=window.open('','print_content','width=100,height=100');
pwin.document.open();
pwin.document.write('<html><body onload="window.print()">'+content+'</body></html>');
pwin.document.close();
setTimeout(function(){pwin.close();},1000);
}
</script>
<style type="text/css">
A:link {text-decoration: none; color:#777777}
A:visited {text-decoration: none;color:#777777}
A:active {text-decoration: none;color:#777777}
A:hover { text-decoration:underline;color:#777777}
.link { text-decoration: none; color:#777777;}
.link:visited { text-decoration: none; color:#777777;}
.link:active { text-decoration: none; color:#777777;}
.link:hover { text-decoration: underline; color:#666666;}
.tooltip {
display: none;
width: 500px;
height:auto;
padding:10px;
border: 1px solid black;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
background-color:#FFF;
font-weight:normal; line-height:16px;
float:left;
position: absolute;
margin-top:-40px;
margin-left:0px;
z-index:2;
}
</style>
<!-- Ikast Brande ski --><a title="Rul på Hagelskærvej" onclick="showTip('tip1');" alt="Rul på Hagelskærvej" href="#"><font style="BACKGROUND-COLOR: #ffffff">Rul på Hagelskærvej!</font></a> <br />
<div id="tip1" class="tooltip"><a onclick="hideTip('tip1');" href="#"><img style="FLOAT: left" title="Luk" alt="Luk" src="../../billeder/close-button-lightbox.png" /></a>
<a href="" onclick="printSelection(document.getElementById('test'));return false">print</a><br /><br />
<p style="FONT-WEIGHT: bold" align="left">Ikast-Brande Skiklub<br /> Rul på Hagelskærvej! <br /><br />Sted: P-pladsen, øst, ved nordre Skole og Fritidshjemmet <br />Dato: 1. september Tid: 17.45-20.00 </p>
<img style="MARGIN-TOP: -105px; FLOAT: left; MARGIN-LEFT: 420px" title="Ikast-brande skiklub" alt="" src="../../billeder/logo-webbillede.png" />
<p align="left">Kom og prøv rulleski - vi holder åben gade, hvor der også er en demonstration af rulleski for folk, der aldrig har prøvet det før. Der er ikke tidtagning. Medbring cykelhjelm og gerne knæbeskyttere til denne event. <br /><br />Ruten er på cykelstien fra Nordre Skole til Tulstrup på den side hvor skolen ligger og på Hagelskærvej ud til krydset, hvor Overgårdsvej mødes med Hagelskærvej. <br /><br />Instruktion for begyndere og andre interesserede på lærernes P-plads ved Nordre Skole. Der er parkering ved Fritidshjemmet og Nordre Skole. <br /><br />Hjemmeside: <a class="link" title="
www.brandeskiklub.dk" target="_blank" href="
http://www.brandeskiklub.dk">Ikast brande skiklub </a></p>
<p> </p>
</div>
