Avatar billede ofirpeter Nybegynder
03. december 2006 - 19:23 Der er 8 kommentarer og
1 løsning

Print indhold i diven

Hej,
Jeg leder efter en funktion som kan udskrive indholdet i en div.

<div>
Print dette
</div>

Hvis det er muligt, skulle det gerne udskrive på en blank side. Altså uden url, sidenummer og dato.

Mvh.
Peter
Avatar billede thesurfer Nybegynder
03. december 2006 - 21:01 #1
Det nemmeste er nok at læse indholdet af div'en, og sende det til en ny side/popup-vindue..

Du kan ikke ændre på "url, sidenummer og dato"-delen, der det er brugeren der bestemmer den del (via browseren)..
Avatar billede ofirpeter Nybegynder
03. december 2006 - 21:53 #2
Det ville muligvis være nemmere. Men nu søgte jeg en funktion som kunne udskrive indholdet af diven direkte.
Avatar billede thesurfer Nybegynder
03. december 2006 - 22:32 #3
Hmm.. Det tror jeg ikke man kan..

Men jeg venter spændt på et svar, fra f.eks. roenving eller olebole.. :-)
De plejer at have styr på JavaScript ting.. :-)
Avatar billede madeindk Nybegynder
03. december 2006 - 22:57 #4
Hej, det kan godt lade sig gøre. Det du skal gøre er at give din div et ID og så kalde den efter @media, i mit tilfælde hedder den "print"

<style type="text/css">
@media Print { BODY { VISIBILITY: hidden }
#print {visibility: visible; position: absolute;}
</style>
Avatar billede madeindk Nybegynder
03. december 2006 - 22:59 #5
Men du kan ikke udskrive noget ude URL-adresse, dato og sidenumre. Det er som thesurfer siger noget Windows, Internet Explorer og Firefox styrer for dig.
Avatar billede ofirpeter Nybegynder
03. december 2006 - 23:13 #6
Kan du lave et fuldt færdigt eksempel med print knap og det hele?
Avatar billede madeindk Nybegynder
03. december 2006 - 23:46 #7
<style type="text/css">
@media Print { BODY { VISIBILITY: hidden }
#print {visibility: visible; position: absolute; }
</style>

<a onClick="window.print();" style="font-weight:bold; cursor:pointer;">Klik her for at udskrive</a>

<hr>

<div id="print">Denne tekst skal printes... Bla bla bla...</div>
Avatar billede madeindk Nybegynder
05. december 2006 - 08:18 #8
Kan du bruge det til noget?
Avatar billede ofirpeter Nybegynder
06. december 2006 - 00:13 #9
Det kan du tro. Efter jeg lige tilføjede en } i anden linie, virkede det perfekt.

<style type="text/css">
@media Print { BODY { VISIBILITY: hidden } }
#print {visibility: visible; position: absolute; }
</style>

<a onClick="window.print();" style="font-weight:bold; cursor:pointer;">Klik her for at udskrive</a>

<hr>

<div id="print">Denne tekst skal printes... Bla bla bla...</div>
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