Avatar billede dennism Nybegynder
20. november 2004 - 17:56 Der er 6 kommentarer og
1 løsning

JavaScript: Print til vindue

Jeg har følgende funktion:

function print_div(){
    newWindow = window.open("print.html","newWin","toolbar=no,status=no,width=300,height=400");
    newWindow.document.open();
    newWindow.document.write(document.getElementById('div_groups').innerHTML);
    newWindow.document.close();
}

Min mening var, at den skulle åbne et vinduet med "print.html", og kopiere mit div "div_groups" ind i dette vindue. Men dette fungerer ikke optimalt. print.html bliver overskrevet af div_groups. Hvordan kan jeg undgå dette?
Avatar billede olebole Juniormester
20. november 2004 - 19:15 #1
<ole>

Gør det omvendt. I 'print.html' skriver du:

<script type="text/JavaScript">
window.onload = function(){
  document.getElementById("hest").innerHTML = opener.document.getElementById("div_groups").innerHTML
}
</script>

<div id="hest"></div>

/mvh
</bole>
Avatar billede dennism Nybegynder
20. november 2004 - 19:45 #2
Min print.html indeholder nu:

<html>
<head>
<title>Gruppegenerator</title>
<meta name="Generator" content="Stone's WebWriter 4">
<script type="text/JavaScript">
window.onload = function(){
  document.getElementById("groups").innerHTML = opener.document.getElementById("div_groups").innerHTML
}
<div id="hest"></div>

</script>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body onload="window.print()">
<H3>Gruppegenerator:</H3>

<div id="groups"></div>

</body>
</html>

Den bliver åbnet med denne funktion:

function print_div(){
    newWindow = window.open("print.html","newWin","toolbar=no,status=yes,width=300,height=400");
}

Men når vinduet bliver åbnet, står der ikke andet end "Gruppegenerator" i dokumentet :(
Kan du se hvorfor?
Avatar billede dennism Nybegynder
20. november 2004 - 19:45 #3
Ups..det er selvfølgelig:

<html>
<head>
<title>Gruppegenerator</title>
<meta name="Generator" content="Stone's WebWriter 4">
<script type="text/JavaScript">
window.onload = function(){
  document.getElementById("groups").innerHTML = opener.document.getElementById("div_groups").innerHTML
}
</script>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body onload="window.print()">
<H3>Gruppegenerator:</H3>

<div id="groups"></div>

</body>
</html>
Avatar billede dennism Nybegynder
20. november 2004 - 19:50 #4
Jeg har nu prøvet følgende:

<html>
<head>
<title>Gruppegenerator</title>
<meta name="Generator" content="Stone's WebWriter 4">
<script type="text/JavaScript">
window.onload = function(){
  document.getElementById("groups").innerHTML = opener.document.getElementById("div_groups").innerHTML;
    alert("hej");
}
</script>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body onload="window.print()">
<H3>Gruppegenerator:</H3>

<div id="groups"></div>

</body>
</html>

Men alert'en kommer ikke frem..for mig ser det ud som om, at funktionen ikke bliver kørt!?
Avatar billede olebole Juniormester
20. november 2004 - 20:05 #5
Du har to onload-handlers ... det kan man ikke  :)

<html>
<head>
<title>Gruppegenerator</title>
<meta name="Generator" content="Stone's WebWriter 4">
<script type="text/JavaScript">
window.onload = function(){
  document.getElementById("groups").innerHTML = opener.document.getElementById("div_groups").innerHTML;
    window.print();
}
</script>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body>
<H3>Gruppegenerator:</H3>

<div id="groups"></div>

</body>
</html>
Avatar billede olebole Juniormester
20. november 2004 - 20:08 #6
Du kan også skrive:

<html>
<head>
<title>Gruppegenerator</title>
<meta name="Generator" content="Stone's WebWriter 4">
<script type="text/JavaScript">
window.onload = function(){
    window.print();
}
</script>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body>
<H3>Gruppegenerator:</H3>

<div id="groups">
<script type="text/JavaScript">
document.write(opener.document.getElementById("div_groups").innerHTML);
</script>
</div>

</body>
</html>
Avatar billede dennism Nybegynder
20. november 2004 - 20:09 #7
Perfekt. Tusind mange tak!
Er meget taknemmlig for din hjælp.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester