Avatar billede mailand Nybegynder
06. juni 2003 - 17:23 Der er 19 kommentarer

Print af bestemt DIV

Er det ikke muligt at KUN printe indholdet af een bestemt div paa ens site.

<div id="content">
print dette
</div>
men ikke dette
Avatar billede schaefner Juniormester
06. juni 2003 - 17:25 #1
Jo, du kan prøve at kigge på dette:
http://html.dk/artikler/00009/
Avatar billede medions Nybegynder
06. juni 2003 - 17:31 #2
<script>
function udskriv() {
txt = document.getElementById("content").innerHTML;
document.iframeNavn.document.write("<html><head><title>Udskrift</title></head><body>" + txt + "</body></html>");
document.iframeNavn.focus();
document.iframeNavn.print();
}
</script>

<div id="content">
print dette
</div>

//>Rune
Avatar billede mailand Nybegynder
06. juni 2003 - 17:31 #3
... hmm, det hjaelper mig ikke saa meget. Det skjuler kun et evt billede i mit site... det er jeg ikke saa interesseret i. Jeg er interesseret i, om jeg kan printe min content div ud paa mit site, uden at printe navigation o.a. ud. (Altsaa undgaa at skulle lave en 'printervenlig side', men kan have et printervenligt outpur direkte fra mit site

Jeg har foelgende, der ikke helt virker efter hensigten:
<a href="#" onclick="java script:print(document.getElementById('content'));">Print</a>

<div id="content">
print dette
</div>
men ikke dette


#Mailand
Avatar billede mailand Nybegynder
06. juni 2003 - 17:32 #4
til medions: tak, det ser cool ud.
tester lige, saa vender jeg tilbage!
Avatar billede schaefner Juniormester
06. juni 2003 - 17:39 #5
mailand >> Princippet er det samme om det er billeder eller tekst.
Avatar billede roenving Novice
06. juni 2003 - 17:41 #6
-- udfra schaefners eksempel kunne du lave en meget lille css-fil og bruge den som print-css:

*{display:none;}
.printDiv{display:block;}
Avatar billede mailand Nybegynder
06. juni 2003 - 17:43 #7
schaefner. ???

saa du mener, jeg skal fyre alt det, jeg ikke vil printe ud, i div's, der er sat til at vaere usynlige i mit print stylesheet???

jeg oensker ikke at komme ud i noget, hvor jeg skal specificere, hvad jeg ikke vil printe, med derimod specificere, hvad jeg vil printe.

#Mailand
Avatar billede roenving Novice
06. juni 2003 - 17:47 #8
* er en meget overset selector, fordi den -- som window i javascript -- normalt kan udelades, men w3c skriver om den:

The universal selector, written "*", matches the name of any element type. It matches any single element in the document tree.
Avatar billede mailand Nybegynder
06. juni 2003 - 18:00 #9
Hmmm, hvis jeg goer, som du skriver - 2 css filer med indholdet som ovenstaende, altsaa min contentbox som display:block, saa giver den en blank udskrift med title i toppen og url og dato i bunden.
Avatar billede roenving Novice
06. juni 2003 - 18:02 #10
.printDiv er class, hvis du bruger id er det #printDiv
Avatar billede mailand Nybegynder
06. juni 2003 - 19:02 #11
samme resultat :(
Avatar billede roenving Novice
06. juni 2003 - 19:19 #12
Nej, og jeg eksperimenterede lidt med at bruge visibility og display, men det ser ud som om at det er containeren som bestemmer, en løsning kunne være, at du havde den div placeret meget højt oppe i dokument-hierarkiet og så skjulte elementer, som var på samme nieveau ...

-- men jeg kender godt nok ikke nogen hjemmesider, som er organiseret sådan !-)

-- og så er der frameløsningen tilbage ...
Avatar billede krogstrup Nybegynder
07. juni 2003 - 14:22 #13
hmmm, jeg synes ikke rigtig jeg kan få medions løsning til at virke !??

Indholdet fra min DIV bliver ganske rigtig skrevet ind i min Iframe, men print bliver ikke aktiveret ?!?

Anyone....?
Avatar billede roenving Novice
07. juni 2003 - 14:26 #14
-- og du har fået .focus() med ?-)
Avatar billede krogstrup Nybegynder
07. juni 2003 - 15:02 #15
ja, jeg tog hele scriptet som det er skrevet herinde !!!

og oprettede selvfølgelig en dummy-iframe med et navn som jeg også indskrev i scriptet de korrekte steder !?!
Avatar billede roenving Novice
07. juni 2003 - 15:06 #16
prøv at sætte en document.close() ind efter document.write ...

-- kaster bare ideer !-)
Avatar billede krogstrup Nybegynder
07. juni 2003 - 15:17 #17
GENIALT - det var jo lige præcis den idé der manglede :-)
Avatar billede krogstrup Nybegynder
07. juni 2003 - 15:17 #18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Test</title>

<script>
function udskriv() {
txt = document.getElementById("content").innerHTML;
document.iframeNavn.document.write("<html><head><title>Udskrift</title></head><body>" + txt + "</body></html>");
document.iframeNavn.document.close()
document.iframeNavn.focus();
document.iframeNavn.print();
}
</script>

</head>

<body>

<a href="java script:udskriv();">Print</a>

<div id="content">
Print lige her...
</div>

<iframe name="iframeNavn" id="iframeNavn"></iframe>

</body>
</html>
Avatar billede gadebarnet Nybegynder
16. januar 2004 - 16:19 #19
jeg får en object expected ?=??????
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